*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-primary: #2554c7;--brand-primary-light: #3b7bff;--brand-primary-dark: #1d3a99;--brand-accent: #60a5fa;--brand-accent-2: #c7dfff;--neutral-black: #0a0a0a;--neutral-900: #111827;--neutral-800: #1f2937;--neutral-700: #374151;--neutral-600: #4b5563;--neutral-500: #6b7280;--neutral-400: #9ca3af;--neutral-300: #d1d5db;--neutral-200: #e5e7eb;--neutral-100: #f3f4f6;--neutral-50: #fafafa;--neutral-white: #ffffff;--success: #22c55e;--success-light: #bbf7d0;--success-dark: #15803d;--warning: #facc15;--warning-light: #fef08a;--warning-dark: #ca8a04;--error: #ef4444;--error-light: #fecaca;--error-dark: #b91c1c;--info: #3b82f6;--info-light: #dbeafe;--info-dark: #1e40af;--space-0: 0px;--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;--space-24: 96px;--space-32: 128px;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-md: 18px;--font-lg: 20px;--font-xl: 24px;--font-2xl: 30px;--font-3xl: 36px;--font-4xl: 48px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 3px 6px rgba(0, 0, 0, .12);--shadow-lg: 0 6px 12px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .18);--motion-fast: .15s;--motion-normal: .25s;--motion-slow: .4s;--motion-slower: .6s;--motion-intro: .8s;--ease-soft: cubic-bezier(.25, .1, .25, 1);--ease-decel: cubic-bezier(.05, .7, .1, 1);--ease-accel: cubic-bezier(.3, 0, .8, .15);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--elevation-base: 0;--elevation-overlay: 10;--elevation-dropdown: 20;--elevation-modal: 30;--elevation-toast: 40;--elevation-popover: 50;--elevation-fixedCTA: 60;--opacity-disabled: .4;--opacity-muted: .7;--opacity-full: 1;--border-default: 1px solid var(--neutral-200);--border-medium: 1.5px solid var(--neutral-300);--border-focus: 2px solid var(--brand-primary)}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{font-family:inherit}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}.toast-container{position:fixed;top:30px;right:30px;z-index:1000;display:flex;flex-direction:column;gap:15px;max-width:600px}.toast{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;border-left:6px solid;opacity:0;transform:translate(100%);animation:slideIn .3s ease-out forwards;min-width:450px;max-width:100%}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:18px}.toast-message{flex:1;font-size:21px;line-height:1.4;color:#374151;margin:0}.toast-close{background:none;border:none;font-size:30px;line-height:1;color:#9ca3af;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background-color:#f3f4f6;color:#6b7280}.toast.fade-out{animation:slideOut .3s ease-in forwards}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes slideOut{to{opacity:0;transform:translate(100%)}}@media(max-width:480px){.toast-container{left:15px;right:15px;top:15px;max-width:none}.toast{min-width:auto}}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:popupFadeIn .2s ease-out}.popup-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:popupSlideIn .3s ease-out;position:relative}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.popup-title{margin:0;font-size:18px;font-weight:600;color:#111827}.popup-close{background:none;border:none;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.popup-close:hover{background-color:#f3f4f6;color:#374151}.popup-body{padding:0 24px 24px;display:flex;align-items:flex-start;gap:16px}.popup-icon{font-size:24px;flex-shrink:0;margin-top:2px}.popup-icon-info{color:#3b82f6}.popup-icon-success{color:#10b981}.popup-icon-warning{color:#f59e0b}.popup-icon-error{color:#ef4444}.popup-message{margin:0;font-size:16px;line-height:1.5;color:#374151;flex:1}.popup-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #e5e7eb;margin-top:16px}.popup-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:80px}.popup-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.popup-btn-primary:hover{background:#2563eb;border-color:#2563eb}.popup-btn-primary:focus{outline:2px solid #3b82f6;outline-offset:2px}.popup-btn-secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.popup-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.popup-btn-secondary:focus{outline:2px solid #d1d5db;outline-offset:2px}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.popup-modal{width:95%;margin:20px}.popup-header{padding:16px 20px 0}.popup-body{padding:0 20px 20px}.popup-footer{padding:0 20px 20px;flex-direction:column-reverse}.popup-btn{width:100%}}.app{min-height:100vh}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-secondary:hover{background:#667eea;color:#fff}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-outline:hover{background:#667eea;color:#fff}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-small{padding:.5rem 1rem;font-size:.875rem}@media(max-width:640px){.btn-primary,.btn-secondary,.btn-outline{width:100%}}