@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-deeper: #4f46e5;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-page-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card-hover: linear-gradient(135deg, #f5f7fa 0%, #f0f3ff 100%);--color-text: #1f2937;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-surface: #ffffff;--color-surface-raised: #f9fafb;--color-surface-sunken: #f3f4f6;--color-border: #e5e7eb;--color-border-focus: #667eea;--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .05);--color-error-dark: #991b1b;--color-success: #4caf50;--color-warning: #fbbf24;--color-gold: #ffd700;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .18);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 12px rgba(102, 126, 234, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--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}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);overscroll-behavior:none}body{font-family:Rubik,Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Fredoka One,sans-serif;font-weight:700;letter-spacing:-.5px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}button,[type=button],[type=submit],[type=reset]{font-family:Rubik,Nunito,sans-serif;font-weight:600;border-radius:.75rem;transition:all .3s ease;cursor:pointer}button:disabled,[type=button]:disabled,[type=submit]:disabled,[type=reset]:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:Rubik,Nunito,sans-serif;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}a{color:#667eea;text-decoration:none;transition:color .2s ease}a:hover{color:#764ba2}.stars{display:inline-flex;gap:.25rem;font-size:1.5rem;line-height:1}.stars .star.filled{color:#fbbf24;text-shadow:0 0 2px rgba(251,191,36,.3)}.stars .star.empty{color:#6b7280}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-up{animation:slideInUp .4s ease-out}:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media (max-width: 640px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}[dir=rtl] .icon-directional{transform:scaleX(-1)}canvas{direction:ltr}.skip-to-content{position:fixed;top:0;inset-inline-start:0;z-index:10000;padding:.75rem 1.25rem;background:#1f2937;color:#fff;font-family:Nunito,sans-serif;font-size:.9375rem;font-weight:700;border-radius:0 0 .75rem;text-decoration:none;transform:translateY(-120%);transition:transform .2s ease}.skip-to-content:focus,.skip-to-content:focus-visible{transform:translateY(0);outline:3px solid #fbbf24;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}