@layer base{:root,:host{--color-primary:#5d98dd;--color-primary-soft:#5d98dd1a;--color-primary-foreground:#f4f9ff;--color-secondary:#f1f1f5;--color-secondary-foreground:#15151a;--color-accent:#f1f1f5;--color-accent-foreground:#15151a;--color-success:#5bc352;--color-warning:#f39b00;--color-destructive:#f51d31;--color-destructive-foreground:#fff6f5;--color-gradient-primary:linear-gradient(135deg,#3b82f6,#9333ea);--color-gradient-secondary:linear-gradient(135deg,#9333ea,#ec4899);--color-gradient-accent:linear-gradient(135deg,#3b82f6,#ec4899)}@supports (color:lab(0% 0 0)){:root,:host{--color-primary:lab(61.1889% -4.51863 -41.4591);--color-primary-soft:lab(61.1889% -4.51863 -41.4591/.1);--color-primary-foreground:lab(97.6645% -.922978 -3.63166);--color-secondary:lab(95.3178% .46283 -1.82962);--color-secondary-foreground:lab(7.14082% .967696 -3.54143);--color-accent:lab(95.3178% .46283 -1.82962);--color-accent-foreground:lab(7.14082% .967696 -3.54143);--color-success:lab(70.7783% -47.9238 46.1362);--color-warning:lab(71.6536% 32.4811 102.986);--color-destructive:lab(53.461% 76.178 49.6153);--color-destructive-foreground:lab(97.5883% 3.05605 1.64278)}}.dark{--color-primary-soft:#00a3ff;--color-secondary:#0b0b0d;--color-secondary-foreground:#f7f8ff;--color-accent:#111114;--color-accent-foreground:#f7f8ff}@supports (color:lab(0% 0 0)){.dark{--color-secondary:lab(3.02526% .261314 -1.00459);--color-secondary-foreground:lab(97.5947% .937521 -3.65156);--color-accent:lab(5.23472% .371136 -1.43672);--color-accent-foreground:lab(97.5947% .937521 -3.65156)}}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(-5px)rotate(-1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.animate-fade-in{animation:.6s ease-out forwards fade-in}.animate-slide-up{animation:.8s ease-out forwards slide-up}.animate-slide-in-left{animation:.8s ease-out forwards slide-in-left}.animate-slide-in-right{animation:.8s ease-out forwards slide-in-right}.animate-float{animation:3s ease-in-out infinite float}.animate-float-slow{animation:6s ease-in-out infinite float-slow}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-gradient-shift{background-size:200% 200%;animation:3s infinite gradient-shift}.animate-shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.animate-bounce-in{animation:.6s ease-out forwards bounce-in}.animate-wiggle{animation:1s ease-in-out wiggle}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover-glow{transition:all .3s}.hover-glow:hover{box-shadow:0 0 30px #3b82f666}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#9333ea,#ec4899) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-shift}.bg-success-soft{background-color:color-mix(in oklch,var(--color-success)12%,transparent)}.border-success-soft{border-color:color-mix(in oklch,var(--color-success)35%,transparent)}.bg-warning-soft{background-color:color-mix(in oklch,var(--color-warning)16%,transparent)}.border-warning-soft{border-color:color-mix(in oklch,var(--color-warning)35%,transparent)}.bg-destructive-soft{background-color:color-mix(in oklch,var(--color-destructive)15%,transparent)}.border-destructive-soft{border-color:color-mix(in oklch,var(--color-destructive)35%,transparent)}.bg-secondary-soft{background-color:color-mix(in oklch,var(--color-secondary)15%,transparent)}.bg-success{background-color:var(--color-success)}.text-success{color:var(--color-success)}.border-success{border-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.text-warning{color:var(--color-warning)}.border-warning{border-color:var(--color-warning)}.bg-destructive{background-color:var(--color-destructive)}.text-destructive{color:var(--color-destructive)}.border-destructive{border-color:var(--color-destructive)}.blog-content{color:var(--muted-foreground);font-size:1.125rem;line-height:1.8}.blog-content>*+*{margin-top:1.5em}.blog-content h2{color:var(--foreground);margin-top:2.5em;margin-bottom:1em;font-size:1.75rem;font-weight:700;line-height:1.3}.blog-content h3{color:var(--foreground);margin-top:2em;margin-bottom:.75em;font-size:1.375rem;font-weight:600;line-height:1.4}.blog-content p{margin-bottom:1.25em}.blog-content p.lead{color:var(--foreground);font-size:1.25rem;font-weight:500;line-height:1.7}.blog-content strong{color:var(--foreground);font-weight:600}.blog-content em{font-style:italic}.blog-content a{color:var(--primary);font-weight:500;text-decoration:none}.blog-content a:hover{text-decoration:underline}.blog-content ul,.blog-content ol{margin-bottom:1.25em;padding-left:1.5em}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.5em;padding-left:.5em}.blog-content li::marker{color:var(--primary)}.blog-content blockquote{border-left:4px solid var(--primary);background:var(--secondary);border-radius:0 .75rem .75rem 0;margin:2em 0;padding:1.5em 2em}.blog-content blockquote p{color:var(--foreground);margin-bottom:.5em;font-size:1.125rem;font-style:normal}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content blockquote cite{color:var(--muted-foreground);margin-top:.75em;font-size:.875rem;font-style:italic;display:block}.blog-content article{max-width:none}@media (max-width:768px){.container,.mobile-padding{padding-left:1rem;padding-right:1rem}.mobile-text{font-size:1.125rem;line-height:1.75rem}.mobile-button{width:100%;padding:.75rem 1rem}}