:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:radial-gradient(circle at top,#1f1236,#050814 55%,#020309);color:#f5f5f5}.app-root{min-height:100vh;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem}.app-header,.app-footer{display:flex;justify-content:space-between;align-items:center;color:#cfd2ff}.app-main{flex:1;display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1.5rem}@media(max-width:900px){.app-main{grid-template-columns:minmax(0,1fr)}.app-root{padding:1rem}}.hero-card,.status-card{background:radial-gradient(circle at top left,#28184a,#0c0718 55%,#04020b);border-radius:1.25rem;padding:1.5rem 1.75rem;box-shadow:0 0 0 1px #000000b3,0 18px 45px #000000e6,0 0 32px #00ffa30f}.hero-card{display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:2.1rem;margin:0 0 .5rem}.hero-subtitle{margin:0 0 1.25rem;color:#b7b8d9;max-width:32rem}.status-card{display:flex;flex-direction:column}.page-root{display:flex;flex-direction:column;gap:.35rem}.page-title{margin:0;font-size:1.2rem}.page-subtitle{margin:0;font-size:.9rem;color:#a4a7d0}.brand{display:flex;align-items:center;gap:.35rem;font-size:.9rem}.brand-pill{padding:.25rem .6rem;border-radius:999px;background:linear-gradient(120deg,#00f5a0,#00c2ff);color:#040308;font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:.72rem}.brand-pill-alt{background:linear-gradient(120deg,#ffea00,#ff7a00)}.brand-divider{opacity:.7;font-size:.8rem}.top-nav{display:flex;gap:.75rem;align-items:center}.nav-link{font-size:.85rem;color:#a4a7d0;text-decoration:none;padding:.3rem .7rem;border-radius:999px;border:1px solid transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.nav-link:hover{color:#fff;border-color:#ffffff1f}.nav-link-active{color:#040308;background:linear-gradient(120deg,#00f5a0,#00c2ff);border-color:transparent}.header-right{display:flex;align-items:center;gap:.5rem}.badge{padding:.2rem .55rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.12)}.badge-live{color:#ffea70;border-color:#ffea7066}.btn{border-radius:999px;border:1px solid transparent;padding:.55rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease}.btn-small{padding:.35rem .9rem;font-size:.78rem}.btn-primary{background:linear-gradient(120deg,#00f5a0,#00c2ff);color:#040308;box-shadow:0 0 18px #00f5a04d}.btn-primary:hover{box-shadow:0 0 22px #00f5a073;transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:#ffffff2e;color:#e1e3ff}.btn-ghost:hover{border-color:#00f5a066;box-shadow:0 0 16px #00f5a026}.api-status{margin-top:.75rem;padding:.6rem .8rem;border-radius:.85rem;background:#03e68d14;border:1px solid rgba(0,245,160,.35);display:flex;flex-direction:column;gap:.25rem;max-width:32rem}.api-status-text{font-size:.85rem;color:#cfd2ff}.api-status-loading{color:#ffea70}.api-status-chip{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .55rem;border-radius:999px;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.api-status-chip-ok{background:#00f5a026;color:#00f5a0}.api-status-chip-error{background:#ff33662e;color:#ff6f91;border:1px solid rgba(255,51,102,.45)}.api-status-time{opacity:.8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app-footer{font-size:.8rem;color:#8b8fb1;gap:.4rem}.footer-sep{opacity:.6}:root{--bg-main: #050814;--bg-surface: #0c0718;--bg-surface-alt: #1b1030;--color-text: #f5f5f5;--color-subtle: #a4a7d0;--accent-green: #00f5a0;--accent-yellow: #ffea00;--accent-red: #ff3366;--accent-blue: #00c2ff;--radius-lg: 1.25rem;--radius-md: .9rem;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .9)}