:root{--yellow:#ffd400;--bg:#050505;--card:#101010;--card2:#151515;--text:#fff;--muted:#999;--border:#252525;--danger:#ff6262;--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(255,212,0,.07),transparent 28%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(20px,calc((100vw - var(--max))/2));border-bottom:1px solid #151515;position:sticky;top:0;z-index:20;background:rgba(5,5,5,.86);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em}.brand>span:last-child>span{color:var(--yellow)}.brand-mark{width:30px;height:30px;border:2px solid var(--yellow);border-radius:9px;display:grid;place-items:center;color:var(--yellow)}.nav{display:flex;gap:26px;color:#bbb}.nav a:hover{color:var(--yellow)}.btn{border:1px solid var(--border);border-radius:12px;padding:11px 18px;font-weight:800;letter-spacing:.02em;transition:.18s transform,.18s background,.18s border}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:#070707;border-color:var(--yellow)}.btn-ghost{background:#0c0c0c}.btn-small{padding:8px 14px}.btn-large{padding:15px 22px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding-top:50px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--yellow);font-weight:900}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-.055em;margin:18px 0}.hero h1 span,.page h1 span{color:var(--yellow)}.hero p{max-width:600px;color:#aaa;font-size:18px}.hero-actions{display:flex;gap:12px;margin:30px 0}.microcopy{font-size:12px!important;color:#666!important}.mock-window{border:1px solid #292929;border-radius:24px;background:#0c0c0c;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:rotate(1deg)}.mock-top{height:35px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#777;font-size:10px}.mock-top>span{width:7px;height:7px;border-radius:50%;background:#444}.mock-top b{margin-left:12px;color:#777}.mock-top i{margin-left:auto;color:var(--yellow);font-style:normal}.mock-body{display:grid;grid-template-columns:1.4fr .8fr;gap:8px}.mock-player{aspect-ratio:16/10;border-radius:15px;background:linear-gradient(135deg,#191919,#090909);display:grid;place-items:center;position:relative}.play-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111}.mock-progress{position:absolute;bottom:12px;left:12px;right:12px;height:4px;background:#333;border-radius:10px}.mock-progress i{display:block;width:42%;height:100%;background:var(--yellow);border-radius:10px}.mock-queue{background:#111;border-radius:15px;padding:14px;font-size:12px;color:#bbb}.mock-queue small{color:#777;letter-spacing:.1em}.mock-queue div{padding:13px 0;border-bottom:1px solid #222}.mock-footer{display:flex;gap:15px;padding:12px 5px 3px;color:#777;font-size:11px}.mock-footer strong{margin-left:auto;color:var(--yellow)}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features article{padding:30px 25px;border-right:1px solid var(--border)}.features article:nth-child(3n){border-right:0}.features b{color:var(--yellow);font-size:24px}.features h3{margin:8px 0 4px}.features p,.steps p{color:#888;margin:0}.how{padding:110px 0;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.how h2,.join h2{font-size:42px;line-height:1.05;margin:10px 0}.steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.steps>div{background:var(--bg);padding:25px}.steps em,.guide-grid em{font-style:normal;color:var(--yellow);font-weight:900;font-size:12px}.steps b{display:block;margin-top:12px}.join{border:1px solid var(--border);border-radius:24px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:80px;background:#090909}.join form{display:flex;gap:10px;width:min(500px,100%)}input,select{width:100%;background:#0b0b0b;border:1px solid #292929;color:#fff;border-radius:12px;padding:12px 14px;outline:none}input:focus,select:focus{border-color:var(--yellow)}.site-footer{display:flex;justify-content:space-between;padding:30px 0;color:#666;border-top:1px solid #151515}.site-footer nav{display:flex;gap:18px}.site-footer a:hover{color:#fff}.page{padding:90px 0 130px;max-width:900px}.page h1{font-size:64px;line-height:1;margin:14px 0 22px}.lead{font-size:20px;color:#aaa;max-width:760px}.content-list{margin-top:55px;display:grid;gap:1px;background:var(--border)}.content-list article{background:var(--bg);padding:25px}.content-list h3{margin:0 0 6px}.content-list p{color:#999;margin:0}.guide-grid{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-grid article{border:1px solid var(--border);border-radius:18px;padding:30px;background:#0b0b0b}.error-page{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:25px}.error-page h1{font-size:64px;line-height:1;margin:15px}.error-page p{color:#888;margin-bottom:25px}