*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e8ecf3);color:#1a1a1a;min-height:100vh}@media (min-width: 768px){body{padding-top:0}}:root{--primary: #7C3AED;--primary-rgb: 124, 58, 237;--primary-dark: #6D28D9;--secondary: #EC4899;--accent: #3B82F6;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--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}.gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent) 0%,#06B6D4 100%)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}