@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");:root{--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--bg-primary:#050508;--bg-secondary:#0a0a10;--bg-tertiary:#101018;--bg-elevated:#161620;--bg-glass:rgba(255,255,255,0.03);--bg-glass-hover:rgba(255,255,255,0.06);--accent-primary:#a855f7;--accent-primary-dim:rgba(168,85,247,0.2);--accent-secondary:#06b6d4;--accent-secondary-dim:rgba(6,182,212,0.2);--accent-tertiary:#ec4899;--accent-tertiary-dim:rgba(236,72,153,0.2);--success:#10b981;--success-dim:rgba(16,185,129,0.2);--warning:#f59e0b;--warning-dim:rgba(245,158,11,0.2);--danger:#ef4444;--danger-dim:rgba(239,68,68,0.2);--text-primary:#ffffff;--text-secondary:#a1a1aa;--text-muted:#52525b;--text-inverse:#000000;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.2);--glow-purple:0 0 30px rgba(168,85,247,0.4);--glow-cyan:0 0 30px rgba(6,182,212,0.4);--glow-pink:0 0 30px rgba(236,72,153,0.4);--glow-success:0 0 20px rgba(16,185,129,0.4);--glow-danger:0 0 20px rgba(239,68,68,0.4);--gradient-primary:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--gradient-secondary:linear-gradient(135deg,var(--accent-tertiary),var(--accent-primary));--gradient-dark:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);--gradient-radial:radial-gradient(circle at 50% 0%,rgba(168,85,247,0.15) 0%,transparent 50%);--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-xl:0 16px 64px rgba(0,0,0,0.6);--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(32px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;height:100vh;background:var(--gradient-radial);pointer-events:none;z-index:-1}::selection{background:var(--accent-primary);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.25rem}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:var(--glow-purple)}.glass{background:var(--bg-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-subtle)}.glass-strong{background:rgba(255,255,255,.08);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-default)}.card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-glass{background:var(--bg-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--text-primary);box-shadow:var(--glow-purple)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 40px rgba(168,85,247,.6)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--accent-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-glass)}.btn-danger{background:var(--danger);color:var(--text-primary)}.btn-danger:hover:not(:disabled){box-shadow:var(--glow-danger)}.btn-success{background:var(--success);color:var(--text-primary)}.btn-success:hover:not(:disabled){box-shadow:var(--glow-success)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.85rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.1rem;border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-dim)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary)}.badge-primary{background:var(--accent-primary-dim);color:var(--accent-primary)}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:var(--glow-purple)}50%{box-shadow:0 0 50px rgba(168,85,247,.6)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbit{0%{transform:rotate(0deg) translateX(100px) rotate(0deg)}to{transform:rotate(1turn) translateX(100px) rotate(-1turn)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in-down{animation:fadeInDown .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-pulse{animation:pulse 2s infinite}.animate-glow{animation:glow 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.spinner{width:24px;height:24px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}.show-mobile{display:none}}.neon-border{position:relative}.neon-border:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.neon-border:hover:before{opacity:1}.vibe-aura{position:relative}.vibe-aura:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-primary));opacity:.5;filter:blur(12px);z-index:-1;animation:spin 4s linear infinite}.karma-excellent{--karma-color:#10b981}.karma-good{--karma-color:#06b6d4}.karma-neutral{--karma-color:#f59e0b}.karma-caution{--karma-color:#f97316}.karma-danger{--karma-color:#ef4444}.karma-indicator{box-shadow:0 0 20px var(--karma-color,var(--accent-primary))}