:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#ecfdf5;--color-secondary-100:#d1fae5;--color-secondary-200:#a7f3d0;--color-secondary-300:#6ee7b7;--color-secondary-400:#34d399;--color-secondary-500:#10b981;--color-secondary-600:#059669;--color-secondary-700:#047857;--color-secondary-800:#065f46;--color-secondary-900:#064e3b;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:50;--z-sticky:100;--z-modal:200;--z-toast:300;--bg-primary:var(--color-neutral-50);--bg-secondary:#fff;--bg-tertiary:var(--color-neutral-100);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-400);--border-color:var(--color-neutral-200)}[data-theme=dark]{--bg-primary:var(--color-neutral-950);--bg-secondary:var(--color-neutral-900);--bg-tertiary:var(--color-neutral-800);--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-300);--text-tertiary:var(--color-neutral-500);--border-color:var(--color-neutral-700)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.125rem,2.5vw,1.5rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);max-width:65ch}a{color:var(--color-primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-600)}.container{width:100%;max-width:1280px;padding:0 var(--space-4);margin:0 auto}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);will-change:transform;border:none;font-size:.9375rem;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 4px 14px #3b82f659}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--color-primary-300)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:1rem}.btn-sm{padding:var(--space-2)var(--space-4);font-size:.8125rem}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);contain:layout style}.card-glass{-webkit-backdrop-filter:blur(16px);background:#ffffffb3}[data-theme=dark] .card-glass{background:#0f172ab3}.input{width:100%;padding:var(--space-3)var(--space-4);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-size:.9375rem}.input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.label{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-warning{color:#92400e;background:#fef3c7}.badge-error{color:#991b1b;background:#fee2e2}.badge-info{background:var(--color-primary-100);color:var(--color-primary-700)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow)ease-out}.animate-slide-up{animation:slideUp var(--transition-slow)ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-400)var(--bg-tertiary)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}