:root{--primary: #7c3aed;--primary-light: #a855f7;--primary-dark: #5b21b6;--secondary: #06b6d4;--accent: #10b981;--sage: #9ca3af;--warm-gray: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--background: #ffffff;--surface: #f9fafb;--border: #e5e7eb;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--primary: #a855f7;--primary-light: #c084fc;--primary-dark: #7c3aed;--secondary: #22d3ee;--accent: #34d399;--sage: #6b7280;--warm-gray: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--background: #111827;--surface: #1f2937;--border: #374151;--shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background);transition:background-color .3s ease,color .3s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-left:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;line-height:1.2;color:var(--text-primary)}.font-handwritten{font-family:Dancing Script,cursive}.font-casual{font-family:Amatic SC,cursive}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:12px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:16px;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 12px var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{background:var(--warm-gray);transform:translateY(-1px)}.card{background:var(--surface);border-radius:16px;padding:24px;box-shadow:0 4px 16px var(--shadow);transition:all .3s ease;border:1px solid var(--border)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow)}.gradient-bg{background:linear-gradient(135deg,var(--primary),var(--secondary))}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.container{padding:0 16px}.btn{padding:10px 20px;font-size:14px}.card{padding:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--sage);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}