:root{--bg: #0b0e14;--panel: #121723;--text: #e6e6e6;--muted: #aab0bf;--accent: #5cc8ff;--accent-2: #9bffb7}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,var(--bg),#0d111a 60%,#0f1420);color:var(--text)}.app-container{display:flex;min-height:100%;flex-direction:column}.main-content{flex:1;padding:24px 0}.container{width:min(1100px,92%);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:#121723cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand a{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.2px}.nav-links{display:flex;gap:18px}.nav-links a{color:var(--muted);text-decoration:none;font-weight:500}.nav-links a.active{color:var(--accent)}.nav-links a:hover{color:var(--text)}.hero{padding:56px 0;text-align:left}.hero h1{font-size:38px;margin:0 0 8px}.subtitle{color:var(--muted);margin:0 0 28px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px}.card h3{margin:6px 0 8px}.card p{color:var(--muted);margin:0}.button{display:inline-block;margin-top:28px;padding:12px 18px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#001018;text-decoration:none;font-weight:700;box-shadow:0 8px 24px #5cc8ff40}.button:hover{filter:brightness(1.05)}.page h1{margin-top:0}.timeline{list-style:none;padding:0;margin:16px 0;display:grid;gap:14px}.timeline li{padding:14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.timeline h3{margin:0 0 6px}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:16px 0;color:var(--muted);text-align:center}@media (max-width: 640px){.hero h1{font-size:30px}}