@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--primary-blue:#2563eb;--primary-indigo:#4f46e5;--accent-coral:#f43f5e;--accent-teal:#14b8a6;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--primary:var(--primary-blue);--primary-dark:var(--primary-indigo);--secondary:var(--accent-teal);--accent:var(--accent-coral);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500);--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:var(--neutral-50);--bg-tertiary:var(--neutral-100);--bg-accent:var(--primary-blue);--bg-pattern:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);--border-light:var(--neutral-200);--border-medium:var(--neutral-300);--border-strong:var(--neutral-400);--border-focus:var(--primary-blue);--gradient-primary:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-indigo)100%);--gradient-secondary:linear-gradient(135deg,var(--accent-teal)0%,#0d9488 100%);--gradient-accent:linear-gradient(135deg,var(--accent-coral)0%,#e11d48 100%);--gradient-hero:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-subtle:linear-gradient(180deg,#ffffffe6 0%,#f8fafc 100%);--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-glow:0 0 40px #2563eb26;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-smooth:.2s cubic-bezier(.4,0,.2,1);--transition-bounce:.3s cubic-bezier(.68,-.55,.265,1.55);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.2}.display-text{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-white{color:var(--text-inverse)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);font-family:var(--font-heading);transition:all var(--transition-smooth);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--gradient-accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg);filter:brightness(1.05);transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border-color:var(--border-medium);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-focus)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-success{background:var(--success);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);background:#059669;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-xs)!important;transform:none!important}.btn-sm{padding:var(--space-xs)var(--space-md);font-size:.75rem}.btn-lg{padding:var(--space-md)var(--space-xl);font-size:1rem}.btn-xl{padding:var(--space-lg)var(--space-2xl);font-size:1.125rem}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-smooth);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-featured{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border-color:var(--primary);box-shadow:var(--shadow-md),var(--shadow-glow)}.card-featured:before{content:"";background:var(--gradient-primary);opacity:1;height:3px;position:absolute;top:0;left:0;right:0}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-focus)}.card-header{margin-bottom:var(--space-md)}.card-title{color:var(--text-primary);margin:0 0 var(--space-sm)0;font-size:1.25rem;font-weight:700}.card-description{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.card-content{color:var(--text-primary)}.card-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-smooth);box-shadow:var(--shadow-xs);font-size:.875rem}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a,var(--shadow-sm);outline:none}.input::placeholder{color:var(--text-muted)}.input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.875rem;font-weight:600;display:block}.form-error{color:var(--error);margin-top:var(--space-xs);font-size:.75rem}.form-help{color:var(--text-muted);margin-top:var(--space-xs);font-size:.75rem}.loading-spinner{border:2px solid var(--border-light);border-top:2px solid var(--primary);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.loading-spinner-sm{border-width:1.5px;width:16px;height:16px}.loading-spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sound-wave{align-items:center;gap:3px;height:24px;display:flex}.sound-wave-bar{background:var(--gradient-primary);border-radius:3px;width:3px;animation:1.5s ease-in-out infinite soundWave}.sound-wave-bar:nth-child(2){animation-delay:.1s}.sound-wave-bar:nth-child(3){animation-delay:.2s}.sound-wave-bar:nth-child(4){animation-delay:.3s}.sound-wave-bar:nth-child(5){animation-delay:.4s}@keyframes soundWave{0%,to{height:8px}50%{height:24px}}.bg-pattern{background-image:radial-gradient(circle at 25% 25%,#2563eb0d 0%,#0000 50%),radial-gradient(circle at 75% 75%,#4f46e514 0%,#0000 50%),radial-gradient(circle,#f43f5e08 0%,#0000 50%)}.bg-hero{background:var(--gradient-hero)}.glow-primary{box-shadow:0 0 20px #2563eb4d}.glow-accent{box-shadow:0 0 20px #f43f5e4d}.glow-success{box-shadow:0 0 20px #10b9814d}.fade-in{animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:.8s ease-out slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:.8s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slide-in-up{animation:.6s ease-out slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:.3s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.container-sm{max-width:640px;padding:0 var(--space-lg);margin:0 auto}.container-lg{max-width:1400px;padding:0 var(--space-lg);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grid-auto{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}@media (max-width:1024px){.container,.container-sm,.container-lg{padding:0 var(--space-md)}}@media (max-width:768px){:root{--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:4rem}.container,.container-sm,.container-lg{padding:0 var(--space-sm)}.grid-auto{gap:var(--space-md);grid-template-columns:1fr}}@media (max-width:480px){.btn{padding:var(--space-sm)var(--space-md);font-size:.8rem}.card{padding:var(--space-md)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.focus-ring:focus,.focus-ring:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media print{*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}.btn,.card{break-inside:avoid}.no-print{display:none!important}}