@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#090b11;--bg-secondary:#131720;--surface:#1d2330b3;--border:#303a5080;--accent:#f49d25;--accent-muted:#f49d2533;--accent-glow:#f49d2580;--text-primary:#f1f2f4;--text-secondary:#abb0ba;--text-muted:#737b8c;--success:#22c35d;--warning:#f9c806;--danger:#ef4343;--glass:blur(12px) saturate(180%);--shadow-premium:0 20px 40px -10px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background-image:radial-gradient(circle at 0 0,#492c0426 0%,#0000 50%),radial-gradient(circle at 100% 100%,#242e4233 0%,#0000 50%);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-weight:800}.glass-card{background:var(--surface);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow-premium);border-radius:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s}.glass-card:hover{border-color:var(--accent-glow)}.btn-primary{background:var(--accent);color:var(--bg-primary);cursor:pointer;box-shadow:0 4px 15px -5px var(--accent-glow);border:none;border-radius:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 8px 25px -5px var(--accent-glow);transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-header{background:var(--surface);height:80px;-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--accent);color:var(--bg-primary);width:48px;height:48px;box-shadow:0 8px 20px -5px var(--accent-glow);border-radius:14px;justify-content:center;align-items:center;display:flex}.logo-section h1{font-size:1.5rem;font-weight:800}.logo-section .accent{color:var(--accent)}.main-nav{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;gap:8px;padding:6px;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s;display:flex}.nav-link.active{background:var(--bg-secondary);color:var(--accent);box-shadow:inset 0 0 0 1px var(--border)}.nav-link:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.header-actions .btn-icon{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.header-actions .btn-icon:hover{border-color:var(--accent);color:var(--accent)}.content-area{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:40px 24px;font-size:.9rem}@media (width<=768px){.header-content{padding:0 16px}.logo-section h1,.nav-link span{display:none}.nav-link{padding:10px}}