:root{--bg: #0b0b0b;--text: #e6fff7;--accent: #2be6a6;--accent2: #6be8ff;--muted: #9aa7a7}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial}.page{min-height:100%;background:linear-gradient(180deg,#000,#070707);color:var(--text);display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:linear-gradient(90deg,rgba(43,230,166,.06),rgba(107,232,255,.02));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logo{font-weight:700;letter-spacing:1px;color:var(--accent);font-size:18px}.top-menu a{margin-left:18px;color:var(--muted);text-decoration:none}.top-menu a:hover{color:var(--accent2)}.hero{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px 32px}.hero h1{font-size:48px;margin:0;color:var(--accent2);text-shadow:0 2px 8px rgba(0,0,0,.6)}.subtitle{font-size:20px;color:var(--muted);margin-top:8px}.cta-row{margin-top:24px;display:flex;gap:12px}.btn{padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001010;box-shadow:0 6px 18px #2be6a61f}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text)}.float-menu{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.fm-btn{width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,rgba(107,232,255,.12),rgba(43,230,166,.12));border:none;color:var(--text);cursor:pointer}.footer{text-align:center;padding:16px;color:var(--muted);font-size:14px}@media (max-width:768px){.top-menu{display:none}.hero h1{font-size:36px}.header{padding:12px 18px}.hero{padding:24px 18px}.float-menu{right:12px}}