:root{--color-bg:#0a0a0a;--color-text:#e0e0e0;--color-accent:#f36;--color-border:#333;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}.page{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:2px solid var(--color-border);padding:1rem}.header__title{text-transform:uppercase;color:var(--color-accent);font-size:1.5rem;font-weight:900}.nav{margin-top:1rem}.nav__list{flex-wrap:wrap;gap:1rem;list-style:none;display:flex}.nav__item{font-weight:700}.nav__link{border-bottom:2px solid #0000}.nav__link:hover{border-bottom-color:var(--color-accent);color:var(--color-accent)}.main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem}.content-list{margin:2rem 0;list-style:none}.content-list__item{border:1px solid var(--color-border);background:#141414;margin-bottom:1rem;padding:1rem}.content-list__item:hover{border-color:var(--color-accent)}.content-list__title{color:var(--color-accent);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.content-list__desc{color:#aaa;font-size:.9rem}.content-list__link{text-transform:uppercase;border:1px solid var(--color-accent);color:var(--color-accent);margin-top:1rem;padding:.25rem .5rem;font-size:.8rem;font-weight:700;display:inline-block}.content-list__link:hover{background:var(--color-accent);color:var(--color-bg)}.article{margin-bottom:2rem}.article__header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1rem}.article__title{text-transform:uppercase;color:var(--color-text);margin-bottom:1rem;font-size:2.5rem;font-weight:900;line-height:1.1}.article__body{font-size:1.1rem}.article__body p{margin-bottom:1.5rem}.article__body h2{text-transform:uppercase;color:var(--color-accent);border-bottom:1px solid var(--color-border);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.8rem}.article__body h3{margin:1.5rem 0 1rem;font-size:1.4rem}.article__list{margin-bottom:1.5rem;margin-left:2rem;list-style-type:square}.article__list-item{margin-bottom:.5rem}.footer{border-top:2px solid var(--color-border);text-align:center;color:#666;padding:2rem 1rem;font-size:.8rem}
