@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fredoka:wght@400;500;600;700&display=swap";:root{--color-primary:#b642f0;--color-primary-light:#c871f4;--color-primary-dark:#a413ec;--color-secondary:#ffc619;--color-secondary-light:#ffd24d;--color-accent-dog:#fa8938;--color-accent-cat:#2bcdee;--color-accent-kids:#f25a8c;--color-dark:#1a1a23;--color-dark-light:#292932;--color-gray:#797986;--color-gray-light:#afafb6;--color-gray-lighter:#e4e4e7;--color-white:#fff;--gradient-primary:linear-gradient(135deg,#b642f0,#e830e8);--gradient-secondary:linear-gradient(135deg,#ffc619,#faa938);--gradient-dog:linear-gradient(135deg,#fa8938,#f45925);--gradient-cat:linear-gradient(135deg,#0bb8da,#0da6f2);--gradient-kids:linear-gradient(135deg,#f25a8c,#eb4763);--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.16);--shadow-xl:0 16px 48px rgba(0,0,0,.2);--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Fredoka","Inter",sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}@media(prefers-color-scheme:dark){:root{--color-dark:#111117;--color-dark-light:#1f1f28;--color-gray-lighter:#3d3d43}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-attachment:fixed;background-color:#fdfbf7;background-image:radial-gradient(circle at 10% 20%,rgba(255,198,25,.4),transparent 40%),radial-gradient(circle at 90% 10%,rgba(182,66,240,.4),transparent 40%),radial-gradient(circle at 50% 50%,rgba(242,90,140,.2),transparent 50%),radial-gradient(circle at 80% 80%,rgba(43,205,238,.4),transparent 40%),radial-gradient(circle at 20% 90%,rgba(250,137,56,.3),transparent 40%);font-family:var(--font-main);font-size:1rem;line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--color-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:var(--color-gray);margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base)}a:hover{color:var(--color-primary-dark)}.container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-md);width:100%}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:1rem;font-weight:600;gap:var(--space-xs);justify-content:center;overflow:hidden;padding:var(--space-sm) var(--space-lg);position:relative;text-align:center;text-decoration:none;transition:all var(--transition-base)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);box-shadow:var(--shadow-md);color:var(--color-dark)}.btn-dog{background:var(--gradient-dog)}.btn-cat,.btn-dog{color:var(--color-white)}.btn-cat{background:var(--gradient-cat)}.btn-kids{background:var(--gradient-kids);color:var(--color-white)}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-lg{font-size:1.125rem;padding:var(--space-md) var(--space-xl)}.btn-sm{font-size:.875rem;padding:var(--space-xs) var(--space-md)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border)}.card-header{border-bottom:1px solid var(--color-gray-lighter)}.card-body,.card-footer,.card-header{padding:var(--space-lg)}.card-footer{border-top:1px solid var(--color-gray-lighter)}.badge{align-items:center;background:var(--color-gray-lighter);border-radius:var(--radius-full);color:var(--color-dark);display:inline-flex;font-size:.875rem;font-weight:600;padding:var(--space-xs) var(--space-sm)}.badge-primary{background:var(--gradient-primary);color:var(--color-white)}.badge-dog{background:var(--gradient-dog)}.badge-cat,.badge-dog{color:var(--color-white)}.badge-cat{background:var(--gradient-cat)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.py-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.py-2xl{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}.py-3xl{padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.mode-toggle{background:var(--color-gray-lighter);border-radius:var(--radius-full);display:inline-flex;gap:var(--space-xs);padding:var(--space-xs)}.mode-toggle button{background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-gray);cursor:pointer;font-family:var(--font-display);font-size:.875rem;font-weight:600;padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.mode-toggle button.active{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.section-gradient-primary{background:var(--gradient-primary);color:var(--color-white)}.section-gradient-dog{background:var(--gradient-dog);color:var(--color-white)}.section-gradient-cat{background:var(--gradient-cat);color:var(--color-white)}.section-gradient-kids{background:var(--gradient-kids)}.btn-accent,.section-gradient-cat h1,.section-gradient-cat h2,.section-gradient-cat h3,.section-gradient-cat p,.section-gradient-dog h1,.section-gradient-dog h2,.section-gradient-dog h3,.section-gradient-dog p,.section-gradient-kids,.section-gradient-kids h1,.section-gradient-kids h2,.section-gradient-kids h3,.section-gradient-kids p,.section-gradient-primary h1,.section-gradient-primary h2,.section-gradient-primary h3,.section-gradient-primary p{color:var(--color-white)}.btn-accent{background:linear-gradient(135deg,#0bdab8,#0dccf2);box-shadow:var(--shadow-md)}.btn-accent:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.text-white{color:var(--color-white)}.display-2{font-size:clamp(2.5rem,5vw,4rem)}.display-2,.display-3{font-family:var(--font-display);font-weight:700;line-height:1.1;margin-bottom:var(--space-md)}.display-3{font-size:clamp(2rem,4vw,3rem)}