:root{--mint-50: #f0fdf9;--mint-100: #ccfdf7;--mint-200: #99f6e4;--mint-300: #5eead4;--mint-400: #2dd4bf;--mint-500: #14b8a6;--mint-600: #0d9488;--mint-700: #0f766e;--mint-800: #115e59;--mint-900: #134e4a;--forest-50: #f0fdf4;--forest-100: #dcfce7;--forest-200: #bbf7d0;--forest-300: #86efac;--forest-400: #4ade80;--forest-500: #22c55e;--forest-600: #16a34a;--forest-700: #15803d;--forest-800: #166534;--forest-900: #14532d;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--primary: var(--mint-500);--primary-dark: var(--mint-600);--primary-light: var(--mint-400);--secondary: var(--forest-500);--accent: var(--mint-300);--success: var(--forest-500);--warning: #f59e0b;--error: #ef4444;--info: var(--mint-500);--background: var(--gray-50);--surface: #ffffff;--surface-elevated: #ffffff;--surface-overlay: rgba(255, 255, 255, .95);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-on-primary: #ffffff;--text-on-surface: var(--gray-900);--border: var(--gray-200);--border-light: var(--gray-100);--divider: var(--gray-200);--gradient-primary: linear-gradient(135deg, var(--mint-500) 0%, var(--mint-600) 100%);--gradient-secondary: linear-gradient(135deg, var(--forest-400) 0%, var(--forest-600) 100%);--gradient-accent: linear-gradient(135deg, var(--mint-300) 0%, var(--mint-500) 100%);--gradient-hero: linear-gradient(135deg, var(--mint-50) 0%, var(--forest-50) 50%, var(--mint-100) 100%);--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);--shadow-mint: 0 10px 15px -3px rgba(20, 184, 166, .1), 0 4px 6px -2px rgba(20, 184, 166, .05);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);line-height:1.6}#root{min-height:100vh}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.border-primary{border-color:var(--border)}.text-mint-800{color:var(--mint-800)}.text-mint-700{color:var(--mint-700)}.text-mint-600{color:var(--mint-600)}.text-mint-500{color:var(--mint-500)}.bg-mint-100{background-color:var(--mint-100)}.bg-mint-50{background-color:var(--mint-50)}.border-t-mint-500{border-top-color:var(--mint-500)}.border-mint-300{border-color:var(--mint-300)}.border-mint-200{border-color:var(--mint-200)}.border-border-light{border-color:var(--border-light)}.text-forest-700{color:var(--forest-700)}.text-forest-600{color:var(--forest-600)}.bg-forest-100{background-color:var(--forest-100)}.bg-forest-50{background-color:var(--forest-50)}.border-forest-200{border-color:var(--forest-200)}.hover\:text-mint-600:hover{color:var(--mint-600)}.from-mint-50{--tw-gradient-from: var(--mint-50)}.to-transparent{--tw-gradient-to: transparent}.from-forest-400\/20{--tw-gradient-from: rgba(74, 222, 128, .2)}.to-mint-400\/20{--tw-gradient-to: rgba(45, 212, 191, .2)}.spinner-primary{border-color:transparent;border-top-color:var(--mint-500)}.spinner-ping{border-color:var(--mint-300)}.animate-fadeIn{animation:fadeIn .5s ease-in-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-soft{animation:pulseSoft 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes progress{0%{width:0%}to{width:100%}}.animate-progress{animation:progress 3s linear forwards}.btn-primary{background:var(--gradient-primary);color:var(--text-on-primary);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-mint)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.card-hover{transition:all var(--transition-normal);cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.glass{background:var(--surface-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.shimmer{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;width:4px;height:4px;background:var(--mint-300);border-radius:50%;opacity:.6;animation:float 8s ease-in-out infinite}.particle:nth-child(2n){background:var(--forest-300);animation-delay:-2s;animation-duration:6s}.particle:nth-child(3n){background:var(--mint-400);animation-delay:-4s;animation-duration:10s}@media (max-width: 768px){.card-hover:hover{transform:none}}