:root{--bg:#0d0f10;--text:#f5f3ed;--muted:#aaa79f;--accent:#c7a45c;--line:rgba(255,255,255,.12);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.08),transparent 35%),linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.9)),repeating-linear-gradient(17deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),#292b2d}
a{color:inherit}.site-header{position:fixed;inset:0 0 auto 0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:50;background:linear-gradient(to bottom,rgba(0,0,0,.62),transparent)}
.brand-mini{text-decoration:none;letter-spacing:.3em;font-weight:800}.menu-button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;display:grid;place-items:center;cursor:pointer}
.menu-button i,.menu-button i:before,.menu-button i:after{width:20px;height:2px;background:currentColor;display:block;position:relative;transition:.25s}.menu-button i:before,.menu-button i:after{content:"";position:absolute;left:0}.menu-button i:before{top:-6px}.menu-button i:after{top:6px}
.menu-button.active i{background:transparent}.menu-button.active i:before{transform:translateY(6px) rotate(45deg)}.menu-button.active i:after{transform:translateY(-6px) rotate(-45deg)}
.drawer{position:fixed;inset:0 auto 0 0;width:min(88vw,390px);padding:100px 28px 30px;background:rgba(8,9,10,.98);border-right:1px solid var(--line);transform:translateX(-102%);transition:.35s;z-index:45;overflow-y:auto}.drawer.open{transform:translateX(0)}.drawer h2{font-size:.74rem;color:var(--accent);letter-spacing:.2em;text-transform:uppercase}.drawer nav{display:grid}.drawer a{text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.07em}.drawer .subnav{display:flex;flex-direction:column;gap:10px;padding:12px 0 12px 18px}.drawer .subnav a{display:block;width:100%;font-size:.95rem;color:var(--muted);border:0;padding:4px 0;letter-spacing:.02em;font-weight:600}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.3s;z-index:40}.overlay.show{opacity:1;pointer-events:auto}
.hero{min-height:100svh;display:grid;place-items:center;text-align:center;padding:100px 22px 70px}.hero-inner{width:min(860px,100%)}.logo-wrap{width:min(310px,74vw);margin:0 auto 28px;padding:18px;background:#f4f4f1;border:1px solid rgba(199,164,92,.45);box-shadow:0 28px 70px rgba(0,0,0,.45);animation:logoIn 1s both}.logo-wrap img{display:block;width:100%}.hero h1{font-size:clamp(3rem,11vw,7rem);letter-spacing:.12em;text-indent:.12em;margin:0;animation:fadeUp .8s .15s both}.tagline{color:var(--accent);letter-spacing:.3em;text-transform:uppercase;font-weight:800;font-size:.78rem;animation:fadeUp .8s .3s both}.hero-copy{max-width:700px;margin:0 auto;color:#d3d2cd;line-height:1.75;font-size:1.08rem;animation:fadeUp .8s .42s both}
.search-shell{max-width:700px;margin:34px auto 0;display:flex;gap:10px;padding:8px;border:1px solid var(--line);background:rgba(0,0,0,.32);animation:fadeUp .8s .55s both}.search-shell input{flex:1;min-width:0;padding:14px;border:0;outline:0;background:transparent;color:#fff}.search-shell button{padding:12px 17px;border:1px solid #8f7847;background:var(--accent);font-weight:800;cursor:pointer}.search-status{min-height:22px;color:var(--muted);font-size:.88rem}
.section,.page-main{width:min(var(--max),calc(100% - 38px));margin:0 auto}.section{padding:95px 0}.page-main{padding:125px 0 80px}.eyebrow{color:var(--accent);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.section h2,.page-main h1{font-size:clamp(2.2rem,6vw,4.5rem);margin:10px 0 15px}.section p,.page-main p{color:var(--muted);line-height:1.7}.category-grid,.topic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card,.topic-card{padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.26));min-height:220px}.category-card{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:.22s}.category-card:hover{transform:translateY(-5px);border-color:rgba(199,164,92,.65)}.category-card small,.category-card span{color:var(--accent);font-weight:800}.category-card h3,.topic-card h2{font-size:1.35rem;margin:14px 0 8px}.contact-link{display:block;padding:20px;border:1px solid var(--line);background:rgba(0,0,0,.28);text-decoration:none;margin-bottom:14px}.contact-link span{color:var(--muted)}
.site-footer{width:min(var(--max),calc(100% - 38px));margin:0 auto;padding:30px 0 40px;border-top:1px solid var(--line);color:#8d8b84;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.83rem}
@keyframes logoIn{from{opacity:0;transform:scale(.9) translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:850px){.category-grid,.topic-list{grid-template-columns:1fr 1fr}}@media(max-width:620px){.category-grid,.topic-list{grid-template-columns:1fr}.search-shell{flex-direction:column}.search-shell button{width:100%}.hero h1{font-size:clamp(2.6rem,16vw,4.4rem)}.tagline{letter-spacing:.2em}}