*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}:root{--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--secondary-400:#f59e0b;--secondary-500:#d97706;--accent-400:#ec4899;--accent-500:#db2777;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#374151;--gray-700:#1f2937;--gray-800:#111827;--gray-900:#0f172a;--white:#fff;--text-primary:#1f2937;--text-secondary:#374151;--text-muted:#9ca3af;--text-light:#d1d5db;--text-white:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-gradient-hero:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);--bg-dark:#0f172a;--dot-red:#ff5f57;--dot-yellow:#ffbd2e;--dot-green:#28ca42;--font-primary:"Inter",sans-serif;--font-heading:"Fredoka",cursive;--font-serif:serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #6366f14d}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--gray-900);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-float{animation:3s ease-in-out infinite float}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.animate-pulse-gentle{animation:2s ease-in-out infinite pulse}.container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-lg)}}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-xl),var(--shadow-glow)}.btn-secondary{color:#374151;border:2px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{border-color:var(--primary-500);color:var(--primary-600)}@media (max-width:768px){.btn{padding:.75rem 1.5rem;font-size:.925rem}}@media (prefers-color-scheme:dark){:root{--gray-50:#111827;--gray-100:#1f2937;--gray-200:#374151;--gray-300:#4b5563;--gray-600:#d1d5db;--gray-700:#e5e7eb;--gray-800:#f3f4f6;--gray-900:#f9fafb}}:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}a{color:inherit;text-decoration:none}