:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#0f0f0f;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0d0f1f)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.page-shell{flex:1;display:flex;flex-direction:column}.navbar{padding:20px 40px;background:#0f0f0f80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;color:#fff;text-transform:uppercase;font-size:.95rem;letter-spacing:.1em}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px}.hero-content{width:min(100%,820px);text-align:center}.badge{display:inline-block;margin:0 0 24px;padding:8px 16px;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#00d9ff26,#0099ff26);border:1px solid rgba(0,217,255,.3);border-radius:20px;color:#00d9ff}.hero-title{margin:0 0 24px;font-size:clamp(2.2rem,8vw,5rem);line-height:1.1;letter-spacing:-.02em;color:#fff}.hero-subtitle{margin:0 auto 48px;max-width:60ch;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.7;color:#ffffffa6}.cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 32px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:.02em}.btn-primary{background:linear-gradient(90deg,#00d9ff,#09f);color:#0f0f0f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00d9ff4d}.btn-secondary{background:transparent;color:#00d9ff;border:1.5px solid rgba(0,217,255,.4)}.btn-secondary:hover{border-color:#00d9ffcc;box-shadow:0 12px 24px #00d9ff26}.status-banner{padding:16px 40px;text-align:center;background:#00d9ff14;border-top:1px solid rgba(0,217,255,.2);color:#fffc;font-size:.95rem}.status-banner p{margin:0}@media(max-width:768px){.navbar{padding:16px 20px}.hero{padding:40px 20px}.hero-content{text-align:center}.cta-group{flex-direction:column;gap:12px}.btn{width:100%}.status-banner{padding:12px 20px}}