:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #fef9c3;--secondary-100: #fef08a;--secondary-200: #fde047;--secondary-300: #facc15;--secondary-400: #eab308;--secondary-500: #ca8a04;--secondary-600: #a16207;--secondary-700: #854d0e;--secondary-800: #713f12;--secondary-900: #422006;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--info-50: #f0f9ff;--info-100: #e0f2fe;--info-200: #bae6fd;--info-300: #7dd3fc;--info-400: #38bdf8;--info-500: #0ea5e9;--info-600: #0284c7;--info-700: #0369a1;--info-800: #075985;--info-900: #0c4a6e;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--color-background: var(--gray-50);--color-surface: #ffffff;--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-muted: var(--gray-500);--color-border: var(--gray-200);--color-border-hover: var(--gray-300);--color-accent: var(--primary-600);--color-accent-hover: var(--primary-700);--color-success: var(--success-600);--color-danger: var(--danger-600);--color-warning: var(--warning-600);--color-info: var(--info-600);--gradient-primary: linear-gradient(135deg, var(--primary-500), var(--primary-600));--gradient-success: linear-gradient(135deg, var(--success-500), var(--success-600));--gradient-danger: linear-gradient(135deg, var(--danger-500), var(--danger-600));--gradient-warning: linear-gradient(135deg, var(--warning-500), var(--warning-600));--gradient-info: linear-gradient(135deg, var(--info-500), var(--info-600));--gradient-background: linear-gradient(135deg, var(--primary-50), var(--gray-50), var(--success-50));--gradient-surface: linear-gradient(135deg, #ffffff, var(--gray-50));--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}@media(max-width:1024px){.tablet-hidden{display:none!important}.tablet-full{width:100%!important}.tablet-stack{flex-direction:column!important}.tablet-center{text-align:center!important}.tablet-p-6{padding:1.5rem!important}.tablet-gap-4{gap:1rem!important}.tablet-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important}.mobile-p-4{padding:1rem!important}.mobile-gap-2{gap:.5rem!important}.mobile-text-lg{font-size:1.125rem!important}.mobile-h-20{height:5rem!important}.mobile-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@media(max-width:640px){.sm-mobile-hidden{display:none!important}.sm-mobile-full{width:100%!important}.sm-mobile-text-sm{font-size:.875rem!important}.sm-mobile-p-2{padding:.5rem!important}.sm-mobile-gap-1{gap:.25rem!important}.sm-mobile-text-xs{font-size:.75rem!important}.sm-mobile-h-16{height:4rem!important}}@media(max-width:480px){.xs-mobile-hidden{display:none!important}.xs-mobile-full{width:100%!important}.xs-mobile-text-xs{font-size:.75rem!important}.xs-mobile-p-1{padding:.25rem!important}.xs-mobile-gap-1{gap:.25rem!important}.xs-mobile-w-auto{width:auto!important}}@media(max-height:600px)and (orientation:landscape){.landscape-compact{padding:.5rem!important}.landscape-text-sm{font-size:.875rem!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.retina-sharp{-webkit-font-smoothing:subpixel-antialiased}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.bg-primary{background-color:var(--color-accent)}.bg-primary-hover{background-color:var(--color-accent-hover)}.bg-success{background-color:var(--color-success)}.bg-danger{background-color:var(--color-danger)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.bg-surface{background-color:var(--color-surface)}.text-primary{color:var(--color-accent)}.text-primary-hover{color:var(--color-accent-hover)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-primary-text{color:var(--color-text-primary)}.text-secondary-text{color:var(--color-text-secondary)}.text-muted-text{color:var(--color-text-muted)}.border-primary{border-color:var(--color-border)}.border-hover{border-color:var(--color-border-hover)}.gradient-primary{background:var(--gradient-primary)}.gradient-success{background:var(--gradient-success)}.gradient-danger{background:var(--gradient-danger)}.gradient-warning{background:var(--gradient-warning)}.gradient-info{background:var(--gradient-info)}.gradient-background{background:var(--gradient-background)}.gradient-surface{background:var(--gradient-surface)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-lg:hover{transform:scale(1.1)}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.hover-shadow-xl:hover{box-shadow:var(--shadow-xl)}.focus-ring:focus{outline:2px solid var(--color-accent);outline-offset:2px}.focus-ring-success:focus{outline:2px solid var(--color-success);outline-offset:2px}.focus-ring-danger:focus{outline:2px solid var(--color-danger);outline-offset:2px}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce-subtle{animation:bounce 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,to{transform:translateY(-5%)}50%{transform:translateY(0)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.button-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.button-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-primary:active{transform:translateY(0)}.input-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem;color:var(--color-text-primary);transition:all .3s ease}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-field::placeholder{color:var(--color-text-muted)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}