@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--bg-color:#030712;--bg-surface:#111827;--text-primary:#f9fafb;--text-secondary:#9ca3af;--accent:#6366f1;--accent-hover:#818cf8;--glass-bg:#111827a6;--glass-border:#ffffff14;--gradient-bg:radial-gradient(circle at top left, #1e1b4b, #030712 50%)}.light-mode{--bg-color:#f3f4f6;--bg-surface:#fff;--text-primary:#111827;--text-secondary:#6b7280;--accent:#4f46e5;--accent-hover:#6366f1;--glass-bg:#ffffffbf;--glass-border:#fff9;--gradient-bg:radial-gradient(circle at top right, #e0e7ff, #f3f4f6 60%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-image:var(--gradient-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,.space-link{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s;box-shadow:0 12px 40px #0003}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #6366f199}.btn-primary:active{transform:translateY(0)scale(.98)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff1a;border-left-color:var(--accent);border-radius:50%;animation:1s linear infinite spin}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pop-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards popIn}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-box{background:linear-gradient(90deg, var(--glass-border) 25%, var(--glass-bg) 50%, var(--glass-border) 75%);background-size:1000px 100%;border-radius:6px;animation:2s linear infinite shimmer}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.space-link{opacity:0;animation:.3s ease-out forwards slideInRight}.space-link:first-child{animation-delay:50ms}.space-link:nth-child(2){animation-delay:.1s}.space-link:nth-child(3){animation-delay:.15s}.space-link:nth-child(4){animation-delay:.2s}.space-link:nth-child(5){animation-delay:.25s}.h-screen{min-height:100vh}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-drawer{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:280px;height:100%;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.mobile-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-full-pane{z-index:20;top:0;left:0;background:var(--bg-surface)!important;border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;position:fixed!important}.desktop-only{display:none!important}.mobile-list-pane{border-right:none!important;width:100vw!important}}@media (min-width:769px){.mobile-only{display:none!important}}