:root{--color-bg:#070b14;--color-bg-gradient:linear-gradient(135deg, #070b14 0%, #0d1525 50%, #0a1020 100%);--color-surface:#141b30a6;--color-surface-solid:#141b30;--color-surface-hover:#1c253ebf;--color-surface-border:#648cff14;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-glow:#3b82f659;--color-primary-light:#60a5fa;--color-accent:#06b6d4;--color-accent-glow:#06b6d440;--color-text:#e8ecf4;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-heading:#f1f5f9;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--shadow-card:0 4px 24px #0000004d, 0 1px 4px #0003;--shadow-card-hover:0 12px 40px #3b82f626, 0 4px 16px #0000004d;--shadow-overlay:0 0 60px #00000080;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--container-max:1200px;--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 10%,#3b82f60f 0%,#0000 60%),radial-gradient(60% 50% at 80% 80%,#06b6d40a 0%,#0000 60%),radial-gradient(50% 40%,#8b5cf608 0%,#0000 60%);position:fixed;inset:0}#brite-app{z-index:1;min-height:100vh;position:relative}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-weight:700;line-height:1.2}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-lg);margin:0 auto}.gradient-text{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-accent) 50%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.overlay-enter-active{transition:opacity var(--transition-slow), transform var(--transition-slow)}.overlay-leave-active{transition:opacity var(--transition-base), transform var(--transition-base)}.overlay-enter-from{opacity:0;transform:scale(1.02)}.overlay-leave-to{opacity:0;transform:scale(.98)}.overlay-enter-to,.overlay-leave-from{opacity:1;transform:scale(1)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.skeleton{background:linear-gradient(90deg, var(--color-surface-solid) 25%, #28345099 50%, var(--color-surface-solid) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite pulse}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-solid);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (width<=768px){:root{--header-height:64px;--container-max:100%}.container{padding:0 var(--space-md)}}