.dreamy-bg{background:linear-gradient(135deg,rgba(219,234,254,.9),rgba(221,214,254,.7) 20%,hsla(0,0%,100%,.5) 40%,rgba(255,237,213,.6) 60%,rgba(254,215,226,.7) 80%,rgba(219,234,254,.8))}.cloud-overlay{background:radial-gradient(ellipse 80% 60% at 20% 30%,hsla(0,0%,100%,.6) 0,transparent 50%),radial-gradient(ellipse 60% 50% at 80% 70%,hsla(0,0%,100%,.5) 0,transparent 50%),radial-gradient(ellipse 70% 40% at 50% 90%,hsla(0,0%,100%,.4) 0,transparent 40%)}.glass-card-cloud{background:hsla(0,0%,100%,.75);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.9);box-shadow:0 4px 20px rgba(0,0,0,.03),0 2px 8px rgba(0,0,0,.02),inset 0 1px 0 hsla(0,0%,100%,.8);transition:all .4s cubic-bezier(.25,.8,.25,1)}.glass-card-cloud:hover{transform:translateY(-12px);background:hsla(0,0%,100%,.9);box-shadow:0 25px 50px rgba(0,0,0,.06),0 15px 25px rgba(0,0,0,.03)}.glass-card-pro{background:hsla(0,0%,100%,.85);border:1px solid rgba(59,130,246,.25);box-shadow:0 20px 50px rgba(59,130,246,.12),0 10px 25px rgba(59,130,246,.06),inset 0 1px 0 hsla(0,0%,100%,.9)}.glass-card-pro:hover{transform:scale(1.05) translateY(-12px);box-shadow:0 30px 60px rgba(59,130,246,.18),0 15px 30px rgba(59,130,246,.08)}.sparkle-badge{animation:sparkle 2s ease-in-out infinite}.accent-orb{filter:blur(60px);opacity:.4;transition:opacity .4s ease}@keyframes float-orb{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-30px) translateX(15px)}50%{transform:translateY(-10px) translateX(-10px)}75%{transform:translateY(-25px) translateX(5px)}}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.7}}@media (hover:none){.glass-card-cloud:hover,.glass-card-pro:hover{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-slide-up{animation:slide-up .4s ease-out forwards}.animate-slide-down{animation:slide-down .4s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}:root{--background:oklch(0.98 0.002 280);--foreground:oklch(0.15 0.01 280);--card:oklch(1 0 0);--card-foreground:oklch(0.15 0.01 280);--popover:oklch(1 0 0);--popover-foreground:oklch(0.15 0.01 280);--primary:oklch(0.65 0.25 280);--primary-foreground:oklch(0.98 0.002 280);--secondary:oklch(0.75 0.15 180);--secondary-foreground:oklch(0.15 0.01 280);--muted:oklch(0.96 0.01 280);--muted-foreground:oklch(0.45 0.01 280);--accent:oklch(0.7 0.2 200);--accent-foreground:oklch(0.98 0.002 280);--success:oklch(0.65 0.18 140);--success-foreground:oklch(0.98 0.002 280);--warning:oklch(0.7 0.2 60);--warning-foreground:oklch(0.98 0.002 280);--destructive:oklch(0.6 0.22 25);--destructive-foreground:oklch(0.98 0.002 280);--border:oklch(0.92 0.01 280);--input:oklch(0.98 0.002 280);--ring:oklch(0.65 0.25 280);--gradient-primary:linear-gradient(135deg,oklch(0.65 0.25 280),oklch(0.7 0.2 200));--gradient-secondary:linear-gradient(135deg,oklch(0.75 0.15 180),oklch(0.65 0.18 140));--gradient-bg:linear-gradient(135deg,oklch(0.98 0.002 280),oklch(0.96 0.01 280));--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-display:"Plus Jakarta Sans","Inter",sans-serif;--radius:0.75rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-xs:0 1px 2px 0 oklch(0 0 0/0.05);--shadow-sm:0 1px 3px 0 oklch(0 0 0/0.1),0 1px 2px -1px oklch(0 0 0/0.1);--shadow:0 4px 6px -1px oklch(0 0 0/0.1),0 2px 4px -2px oklch(0 0 0/0.1);--shadow-md:0 10px 15px -3px oklch(0 0 0/0.1),0 4px 6px -4px oklch(0 0 0/0.1);--shadow-lg:0 20px 25px -5px oklch(0 0 0/0.1),0 8px 10px -6px oklch(0 0 0/0.1);--shadow-xl:0 25px 50px -12px oklch(0 0 0/0.25);--glass-bg:oklch(1 0 0/0.8);--glass-border:oklch(1 0 0/0.2);--glass-shadow:0 8px 32px 0 oklch(0 0 0/0.1);--animation-fast:0.15s;--animation-normal:0.3s;--animation-slow:0.5s;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--background:oklch(0.08 0.01 280);--foreground:oklch(0.92 0.01 280);--card:oklch(0.1 0.01 280);--card-foreground:oklch(0.92 0.01 280);--popover:oklch(0.08 0.01 280);--popover-foreground:oklch(0.92 0.01 280);--muted:oklch(0.12 0.01 280);--muted-foreground:oklch(0.6 0.01 280);--border:oklch(0.18 0.01 280);--input:oklch(0.12 0.01 280);--gradient-bg:linear-gradient(135deg,oklch(0.08 0.01 280),oklch(0.1 0.01 280));--glass-bg:oklch(0.1 0.01 280/0.8);--glass-border:oklch(0.92 0.01 280/0.1)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite alternate}.animate-typing{animation:typing 1.4s infinite}.animate-slide-in-left{animation:slideInLeft .6s ease-out .2s both}.animate-slide-in-right{animation:slideInRight .4s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-stagger-1{animation:fadeInUp .6s ease-out .1s both}.animate-stagger-2{animation:fadeInUp .6s ease-out .2s both}.animate-stagger-3{animation:fadeInUp .6s ease-out .3s both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%{box-shadow:0 0 20px oklch(.65 .25 280/.3)}to{box-shadow:0 0 30px oklch(.65 .25 280/.6),0 0 60px oklch(.65 .25 280/.2)}}@keyframes typing{0%,60%{opacity:.4}30%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-hover:hover{transform:translateY(-2px);box-shadow:0 20px 40px oklch(0 0 0/.1);transition:all .3s var(--ease-out)}.btn-primary{background:var(--gradient-primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600;transition:all var(--animation-normal) var(--ease-out);box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-hover:hover{transform:translateY(-2px);transition:all .3s var(--ease-out)}.input-modern{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:1rem;transition:all var(--animation-normal) var(--ease-out);color:#0f172a}.input-modern:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px oklch(.65 .25 280/.1)}.dark .input-modern{background:#1e293b;color:#fff;border-color:#475569}.dark .input-modern:focus{border-color:var(--primary);box-shadow:0 0 0 3px oklch(.65 .25 280/.2)}.progress-modern{background:var(--muted);border-radius:var(--radius-sm);overflow:hidden;height:8px}.progress-modern-fill{background:var(--gradient-primary);height:100%;transition:width var(--animation-normal) var(--ease-out);border-radius:var(--radius-sm)}.scrollbar-modern::-webkit-scrollbar{width:8px}.scrollbar-modern::-webkit-scrollbar-track{background:var(--muted);border-radius:var(--radius-sm)}.scrollbar-modern::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:var(--radius-sm)}.scrollbar-modern::-webkit-scrollbar-thumb:hover{background:var(--primary)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:oklch(1 0 0/.3);transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out}.ripple-effect:active:before{width:300px;height:300px}