:root{--bg:#0a0b0d;--card:rgba(255,255,255,.08);--border:rgba(255,255,255,.12);--text:#e7ebf0;--muted:#a6b0bd;--accent:#00e387;--accent-2:#17b4ff}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;backdrop-filter:saturate(120%) blur(8px);background:rgba(10,11,13,.6);border-bottom:1px solid var(--border);z-index:10}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-weight:800;letter-spacing:.2px}
.links a{color:var(--text);text-decoration:none;margin-left:16px;opacity:.9}
.links a:hover{opacity:1}
.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);text-decoration:none;display:inline-block}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;font-weight:800;border:0}
.btn.ghost{background:transparent}
.btn.insta{background:rgba(255,255,255,.06)}
.hero{position:relative;min-height:68vh;display:grid;align-items:center}
.hero__bg{position:absolute;inset:0;background:url('/assets/hero.avif') center/cover no-repeat;filter:contrast(1.05) saturate(1.05) brightness(.8)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 10%,rgba(23,180,255,.25),transparent),radial-gradient(1000px 600px at 80% 90%,rgba(0,227,135,.2),transparent)}
.hero__content{position:relative}
.hero h1{font-size:42px;margin:0 0 8px}
.hero p{color:var(--muted);max-width:640px}
.cta-row{margin-top:18px;display:flex;gap:12px}
.section{padding:64px 0}
.grid{display:grid;gap:16px}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid.auto{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{border:1px solid var(--border);border-radius:14px;padding:18px;background:#0f1114}
.glass{background:var(--card);backdrop-filter:saturate(140%) blur(10px)}
.muted{color:var(--muted)}
code{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:6px;border:1px solid var(--border)}
.shot{overflow:hidden}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.ig{display:flex;flex-direction:column}
.ig .meta{font-size:12px;color:var(--muted);margin-top:8px}
.note{margin-top:10px;color:#ff7b7b}
.hidden{display:none}
.footer{border-top:1px solid var(--border);padding:18px 0;background:#0b0c0e}
.foot__inner{display:flex;align-items:center;justify-content:space-between}
@media (max-width:720px){.hero h1{font-size:32px}}

.brand{display:flex;align-items:center;gap:8px}
.logo{height:28px;width:28px;border-radius:6px;display:inline-block}
.foot__links a{color:var(--text);text-decoration:none;margin-left:12px;opacity:.9}
.foot__links a:hover{opacity:1}
.foot__links .sep{margin:0 8px;color:var(--border)}