body{background-color:#0f172a;color:#fff;font-family:Inter,"ui-sans-serif","system-ui",sans-serif}*,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{text-rendering:optimizeLegibility}.transition-all,a,button,input,select,textarea{transition:all .2s ease-in-out}.preload *{transition:none!important}:root{--background:210 11% 98%;--foreground:210 11% 15%;--muted:210 11% 96%;--muted-foreground:210 10% 40%;--popover:0 0% 100%;--popover-foreground:210 11% 15%;--card:0 0% 100%;--card-foreground:210 11% 15%;--border:210 11% 91%;--input:210 11% 91%;--primary:207 90% 54%;--primary-foreground:0 0% 100%;--secondary:262 52% 65%;--secondary-foreground:0 0% 100%;--accent:210 11% 96%;--accent-foreground:210 11% 15%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--ring:207 90% 54%;--radius:0.5rem;--sidebar-background:0 0% 100%;--sidebar-foreground:210 11% 15%;--sidebar-primary:207 90% 54%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:210 11% 96%;--sidebar-accent-foreground:210 11% 15%;--sidebar-border:210 11% 91%;--sidebar-ring:207 90% 54%;--chart-1:207 90% 54%;--chart-2:262 52% 65%;--chart-3:142 76% 36%;--chart-4:43 96% 56%;--chart-5:0 84% 60%}.dark{--background:250 20% 15%;--foreground:210 11% 98%;--muted:250 15% 25%;--muted-foreground:210 10% 65%;--popover:250 15% 20%;--popover-foreground:210 11% 98%;--card:250 15% 20%;--card-foreground:210 11% 98%;--border:250 10% 35%;--input:250 10% 30%;--primary:207 90% 54%;--primary-foreground:0 0% 100%;--secondary:262 52% 65%;--secondary-foreground:0 0% 100%;--accent:250 15% 25%;--accent-foreground:210 11% 98%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--ring:207 90% 54%;--sidebar-background:250 15% 18%;--sidebar-foreground:210 11% 98%;--sidebar-primary:207 90% 54%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:250 15% 25%;--sidebar-accent-foreground:210 11% 98%;--sidebar-border:250 10% 35%;--sidebar-ring:207 90% 54%;--chart-1:207 90% 54%;--chart-2:262 52% 65%;--chart-3:142 76% 36%;--chart-4:43 96% 56%;--chart-5:0 84% 60%}@keyframes premium-gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes overlay-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-badge-entrance{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-title-white{0%{opacity:0;transform:translateY(40px) scale(.9);filter:blur(20px)}50%{opacity:.5;filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes hero-title-gradient{0%{opacity:0;transform:translateY(-30px);filter:blur(8px)}70%{opacity:.8;transform:translateY(-5px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes hero-subtitle{0%{opacity:0;transform:translateY(30px);filter:blur(15px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes hero-form{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-trust-1{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes hero-trust-2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-trust-3{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-delay{animation:fadeIn .8s ease-out .3s both}.achievement-item{opacity:0;transform:translateY(20px);animation:achievementFadeIn .6s ease-out both;animation-delay:var(--animation-delay,0s)}@keyframes achievementFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-delay-1{animation:fadeIn .6s ease-out .2s both}.animate-fade-in-delay-2{animation:fadeIn .6s ease-out .4s both}.animate-fade-in-delay-3{animation:fadeIn .6s ease-out .6s both}.animate-fade-in-delay-4{animation:fadeIn .6s ease-out .8s both}.animate-fade-in-delay-5{animation:fadeIn .6s ease-out 1s both}.animate-slide-up{animation:slideUp .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-hero-badge-entrance{animation:hero-badge-entrance .8s cubic-bezier(.25,.46,.45,.94) both;animation-delay:1.8s}.animate-hero-title-white{animation:hero-title-white 1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.3s}.animate-hero-title-gradient{animation:hero-title-gradient .8s cubic-bezier(.25,.46,.45,.94) both;animation-delay:1s}.animate-hero-subtitle{animation:hero-subtitle 1.2s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.8s}.animate-hero-form{animation:hero-form 1s cubic-bezier(.34,1.56,.64,1) both;animation-delay:1s}.animate-hero-trust-1{animation:hero-trust-1 .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:1.2s}.animate-hero-trust-2{animation:hero-trust-2 .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:1.3s}.animate-hero-trust-3{animation:hero-trust-3 .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:1.4s}.app-header,.landing-header{background:#0f0f23;border-bottom:1px solid rgba(59,130,246,.2);position:relative;z-index:1000;padding-top:env(safe-area-inset-top)}.app-header .nav-link{color:#e2e8f0}.app-header .nav-link:hover{color:#fff}.nav-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.landing-header .nav-link{color:#f1f5f9;font-weight:600}.landing-header .nav-link:hover{color:#ffffff;background:rgba(59,130,246,.2);border-radius:12px}.landing-footer .nav-link{color:#cbd5e1;font-weight:500;transition:all .3s ease}.landing-footer .nav-link:hover{color:#ffffff;text-shadow:0 0 8px rgba(59,130,246,.5);transform:translateX(4px)}.landing-footer h3{background:linear-gradient(135deg,#ffffff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-footer{background:rgba(15,15,35,.9);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(59,130,246,.2)}.landing-footer,.public-footer{position:relative;padding-bottom:env(safe-area-inset-bottom)}.public-footer{background:linear-gradient(180deg,#111827,#000000);border-top:1px solid rgba(55,65,81,.5);overflow:hidden}.public-footer .nav-link{color:#9ca3af;transition:color .2s ease}.public-footer .nav-link:hover{color:#60a5fa}.public-footer h3{color:white;font-weight:600;font-size:1.125rem;margin-bottom:1rem}.public-footer .newsletter-input{width:100%;padding:.75rem 1rem;background:rgba(31,41,55,.35);border:1px solid #374151;border-radius:.5rem;color:white;transition:all .2s ease;font-size:1.1rem;backdrop-filter:blur(8px) saturate(120%);box-shadow:none}.public-footer .newsletter-input::-moz-placeholder{color:#9ca3af}.public-footer .newsletter-input::placeholder{color:#9ca3af}.public-footer .newsletter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.12)}.public-footer .newsletter-btn{background:linear-gradient(90deg,#2563eb,#7c3aed);color:white;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;font-size:1.1rem;box-shadow:none}.public-footer .newsletter-btn:hover{background:linear-gradient(90deg,#1d4ed8,#6d28d9);transform:none;box-shadow:0 4px 12px rgba(59,130,246,.1)}.app-footer{margin-top:auto;box-shadow:0 -4px 16px -1px rgba(0,0,0,.25),0 -2px 4px -1px rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom)}.app-footer,.dark .app-footer{background:#18192a;color:#e2e8f0;border-top:1px solid #23243a}.app-footer h3{color:#fff}.app-footer .quick-action-btn{display:flex;align-items:center;color:#cbd5e1;padding:.5rem .75rem;border-radius:.5rem;transition:all .2s ease;font-weight:500;text-decoration:none;background:transparent}.app-footer .quick-action-btn:hover{background:#23243a;color:#fff;transform:none}.app-footer .footer-link{color:#94a3b8;font-size:.875rem;transition:color .2s ease;text-decoration:none}.app-footer .footer-link:hover{color:#60a5fa}.app-footer .stats-badge{background:#334155;color:#38bdf8;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px}.btn-primary{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:white;padding:1rem 1.5rem;border-radius:0;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .3s ease,transform .2s ease;position:relative;overflow:hidden;border:none;cursor:pointer;box-sizing:border-box;height:56px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);transition:left .6s ease;z-index:0}.btn-primary>*{position:relative;z-index:1}.btn-primary:hover{background-position:100% 0;transform:translate3d(0,-3px,0);box-shadow:0 15px 35px rgba(59,130,246,.4),0 5px 15px rgba(139,92,246,.3)}.btn-primary:hover:before{left:100%}.btn-secondary{background:rgba(15,15,35,.3);backdrop-filter:blur(10px);border:2px solid;-o-border-image:linear-gradient(135deg,rgba(59,130,246,.5),rgba(139,92,246,.5) 50%,rgba(59,130,246,.5)) 1;border-image:linear-gradient(135deg,rgba(59,130,246,.5),rgba(139,92,246,.5) 50%,rgba(59,130,246,.5)) 1;font-weight:500;padding:1rem 1.5rem;margin-top:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box;height:56px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:0}.btn-secondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));opacity:0;transition:opacity .3s ease}.btn-secondary:hover{color:white;transform:translate3d(0,-2px,0);box-shadow:0 10px 25px rgba(59,130,246,.2),0 5px 10px rgba(139,92,246,.2)}.btn-secondary:hover:before{opacity:1}.btn-primary{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-secondary{color:#e2e8f0}.btn-secondary:hover{color:#fff}.glass-card{background:rgba(15,15,35,.6);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(59,130,246,.2);border-radius:20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),transparent 50%,rgba(139,92,246,.05));pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:0}.glass-card:hover:before{opacity:1}.glass-card:hover{transform:translate3d(0,-8px,0);border-color:rgba(59,130,246,.4);box-shadow:0 25px 50px rgba(59,130,246,.15),0 15px 35px rgba(139,92,246,.1),0 0 40px rgba(59,130,246,.1)}.glass-card>*{position:relative;z-index:2}.hero-glass-card{background:rgba(59,130,246,.15);backdrop-filter:blur(25px) saturate(200%);border:2px solid rgba(168,85,247,.4);border-radius:24px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px rgba(59,130,246,.2),0 15px 35px rgba(139,92,246,.15),0 0 60px rgba(168,85,247,.1)}.hero-glass-card:before{background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(59,130,246,.05) 25%,rgba(236,72,153,.08) 50%,rgba(139,92,246,.1) 75%,rgba(168,85,247,.1));pointer-events:none;opacity:.3;transition:opacity .3s ease;animation:premium-gradient-flow 8s ease infinite}.hero-glass-card:after,.hero-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.hero-glass-card:after{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .4s ease;transform:translateX(-100%);animation:overlay-shift 6s ease infinite}.hero-glass-card:hover:after{opacity:.5}.landing-content{background:rgba(15,15,35,.4);backdrop-filter:blur(15px) saturate(150%);border-radius:24px;border:1px solid rgba(59,130,246,.15);position:relative;overflow:hidden}.landing-content:before{background:linear-gradient(135deg,rgba(59,130,246,.03),transparent 50%,rgba(139,92,246,.03));pointer-events:none}.landing-content:before,.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.landing-feature-card:before{background:linear-gradient(135deg,rgba(59,130,246,.05),transparent 50%,rgba(139,92,246,.05));opacity:0;transition:opacity .3s ease}.landing-feature-card:hover{transform:translate3d(0,-8px,0);border-color:rgba(59,130,246,.4);box-shadow:0 20px 40px rgba(59,130,246,.15),0 10px 20px rgba(139,92,246,.1)}.landing-feature-card:hover:before{opacity:1}.dropdown-arrow{width:0;height:0;background:none;border:8px solid transparent;border-top:none;border-bottom:8px solid rgba(15,15,35,.95);border-radius:0 0 4px 4px;position:absolute;top:0;left:0;right:0;margin:auto;z-index:51;box-shadow:0 2px 8px rgba(0,0,0,.08)}.premium-input{background:rgba(15,15,35,.4);backdrop-filter:blur(10px);border:2px solid rgba(59,130,246,.3);border-radius:16px;color:white;font-size:1.1rem;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.premium-input::-moz-placeholder{color:rgba(255,255,255,.5)}.premium-input::placeholder{color:rgba(255,255,255,.5)}.premium-input:focus{outline:none;border-color:rgba(59,130,246,.6);box-shadow:0 0 25px rgba(59,130,246,.3),0 0 50px rgba(139,92,246,.2);transform:none}.premium-select{background:rgba(15,15,35,.5);backdrop-filter:blur(15px);border:2px solid rgba(59,130,246,.3);border-radius:16px;color:white;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-select:focus{outline:none;border-color:rgba(59,130,246,.6);box-shadow:0 0 25px rgba(59,130,246,.3)}.upload-zone{background:rgba(15,15,35,.4);backdrop-filter:blur(15px);border:2px dashed rgba(59,130,246,.4);border-radius:20px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),transparent 50%,rgba(139,92,246,.05));opacity:0;transition:opacity .3s ease}.upload-zone:hover{border-color:rgba(59,130,246,.6);transform:none;box-shadow:0 10px 30px rgba(59,130,246,.2),0 0 40px rgba(139,92,246,.1)}.upload-zone:hover:before{opacity:1}.progress-bar[data-progress]{width:calc(var(--progress, 0) * 1%)}.progress-bar[data-progress="0"]{--progress:0}.progress-bar[data-progress="1"]{--progress:1}.progress-bar[data-progress="2"]{--progress:2}.progress-bar[data-progress="3"]{--progress:3}.progress-bar[data-progress="4"]{--progress:4}.progress-bar[data-progress="5"]{--progress:5}.progress-bar[data-progress="10"]{--progress:10}.progress-bar[data-progress="15"]{--progress:15}.progress-bar[data-progress="20"]{--progress:20}.progress-bar[data-progress="25"]{--progress:25}.progress-bar[data-progress="30"]{--progress:30}.progress-bar[data-progress="35"]{--progress:35}.progress-bar[data-progress="40"]{--progress:40}.progress-bar[data-progress="45"]{--progress:45}.progress-bar[data-progress="50"]{--progress:50}.progress-bar[data-progress="55"]{--progress:55}.progress-bar[data-progress="60"]{--progress:60}.progress-bar[data-progress="65"]{--progress:65}.progress-bar[data-progress="70"]{--progress:70}.progress-bar[data-progress="75"]{--progress:75}.progress-bar[data-progress="80"]{--progress:80}.progress-bar[data-progress="85"]{--progress:85}.progress-bar[data-progress="90"]{--progress:90}.progress-bar[data-progress="95"]{--progress:95}.progress-bar[data-progress="100"]{--progress:100}.progress-fill[data-progress]{width:calc(var(--progress, 0) * 1%)}.progress-fill[data-progress="0"]{--progress:0}.progress-fill[data-progress="1"]{--progress:1}.progress-fill[data-progress="2"]{--progress:2}.progress-fill[data-progress="3"]{--progress:3}.progress-fill[data-progress="4"]{--progress:4}.progress-fill[data-progress="5"]{--progress:5}.progress-fill[data-progress="10"]{--progress:10}.progress-fill[data-progress="15"]{--progress:15}.progress-fill[data-progress="20"]{--progress:20}.progress-fill[data-progress="25"]{--progress:25}.progress-fill[data-progress="30"]{--progress:30}.progress-fill[data-progress="35"]{--progress:35}.progress-fill[data-progress="40"]{--progress:40}.progress-fill[data-progress="45"]{--progress:45}.progress-fill[data-progress="50"]{--progress:50}.progress-fill[data-progress="55"]{--progress:55}.progress-fill[data-progress="60"]{--progress:60}.progress-fill[data-progress="65"]{--progress:65}.progress-fill[data-progress="70"]{--progress:70}.progress-fill[data-progress="75"]{--progress:75}.progress-fill[data-progress="80"]{--progress:80}.progress-fill[data-progress="85"]{--progress:85}.progress-fill[data-progress="90"]{--progress:90}.progress-fill[data-progress="95"]{--progress:95}.progress-fill[data-progress="100"]{--progress:100}.nav-link{color:#e2e8f0;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;display:inline-block}.nav-link:hover{color:#ffffff;background:rgba(59,130,246,.15);transform:translate3d(0,-1px,0);box-shadow:0 4px 12px rgba(59,130,246,.2)}.nav-link:active{transform:translateY(0)}.hero-text-enhanced{background:linear-gradient(135deg,#ffffff,#f0f9ff 20%,#e0e7ff 40%,#fdf4ff 60%,#ffffff 80%,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:text-shimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(168,85,247,.3))}.accent-text-bright{background:linear-gradient(135deg,#a855f7,#ec4899 30%,#f59e0b 60%,#8b5cf6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;animation:rainbow-shift 5s ease infinite;font-weight:800;filter:drop-shadow(0 0 15px rgba(168,85,247,.4))}.accent-text-bright,.gradient-text{-webkit-text-fill-color:transparent}.gradient-text{background:linear-gradient(135deg,#a855f7,#ec4899 25%,#3b82f6 50%,#8b5cf6 75%,#c084fc);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;animation:shimmer 3s ease-in-out infinite;animation-direction:alternate}.accent-text-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero-text{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}@media (max-width:768px){.hero-text{font-size:2.5rem}}.subtitle-text{font-size:1.25rem;font-weight:400;line-height:1.6}.feature-title{font-size:1.5rem;font-weight:600;line-height:1.3}.feature-description{font-size:1rem;line-height:1.6}.premium-badge{display:inline-flex;align-items:center;padding:6px 16px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border:1px solid rgba(59,130,246,.3);border-radius:50px;color:#e2e8f0;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px)}.premium-divider{position:relative;text-align:center;margin:2rem 0}.premium-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5) 25%,rgba(139,92,246,.5) 75%,transparent)}.premium-divider-text{background:rgba(15,15,35,.8);color:#e2e8f0;padding:0 1rem;font-weight:500;position:relative;z-index:1}.dark .select-content,.dark .select-trigger,.dark select,.select-content,.select-trigger,select{background:#23243a!important;color:#e2e8f0!important;border:1px solid #334155!important}.dark .select-item,.select-item,select option{background:#23243a!important;color:#e2e8f0!important}.select-content:focus,.select-item:focus,.select-trigger:focus,select:focus{outline:2px solid #3b82f6!important}.dark .select-content,.dark .select-item,.dark [role=option],.select-content,.select-item,[data-radix-popper-content-wrapper]>div,[role=option]{background:#23243a!important;color:#e2e8f0!important;border:1px solid #334155!important}.select-item[data-state=checked],[role=option][aria-selected=true]{background:#334155!important;color:#60a5fa!important}.select-item:hover,[role=option]:hover{background:#334155!important;color:#fff!important}.dark .select-trigger,.select-trigger{background:#23243a!important;color:#e2e8f0!important;border:1px solid #334155!important}.onboarding-step{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(59,130,246,.1);border:2px solid rgba(59,130,246,.3);color:#64748b;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-step.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:white;transform:scale(1.1);box-shadow:0 4px 20px rgba(59,130,246,.3)}.onboarding-step.completed{background:#10b981;border-color:#10b981;color:white}.onboarding-connector{flex:1;height:2px;background:rgba(59,130,246,.2);position:relative;margin:0 16px}.onboarding-connector.completed{background:#10b981}.onboarding-connector.active:after{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);animation:progress-flow 2s ease-in-out infinite}@keyframes progress-flow{0%{width:0}50%{width:75%}to{width:100%}}.quiz-card{background:linear-gradient(135deg,rgba(30,30,50,.7),rgba(40,40,70,.7));border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.1)}.quiz-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 12px 40px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.1),0 0 20px rgba(59,130,246,.2);transform:translateY(-3px)}.quiz-option{width:100%;padding:16px 20px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#e2e8f0;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;backdrop-filter:blur(8px);position:relative;overflow:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.quiz-option:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.quiz-option:hover:after{left:100%}.quiz-option:hover{background:linear-gradient(90deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border-color:rgba(59,130,246,.4);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 16px rgba(59,130,246,.3);backface-visibility:hidden;will-change:transform}.quiz-option.selected{background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border-color:rgba(59,130,246,.5);color:white;box-shadow:0 0 15px rgba(59,130,246,.3);animation:selectedPulse 2s infinite}.progress-bar{width:100%;height:16px;background:rgba(255,255,255,.15);border-radius:12px;overflow:hidden;margin:8px 0;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.3);position:relative;backdrop-filter:blur(8px)}.progress-bar-lg{height:12px}.progress-bar-sm{height:6px}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);border-radius:8px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px rgba(59,130,246,.7),inset 0 2px 0 rgba(255,255,255,.4);animation:progress-pulse 2s infinite}@keyframes progress-pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.progress-fill-success{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill-danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);animation:shimmer 2s infinite}.progress-circle{position:relative;width:60px;height:60px}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:rgba(59,130,246,.1);stroke-width:4}.progress-circle-fill{fill:none;stroke:url(#progressGradient);stroke-width:4;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:188.5;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#e2e8f0}.step-progress{justify-content:space-between;width:100%}.step-item,.step-progress{display:flex;align-items:center}.step-item{flex:1}.step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(59,130,246,.1);border:2px solid rgba(59,130,246,.3);color:#64748b;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.step-indicator.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:white;box-shadow:0 4px 20px rgba(59,130,246,.3)}.step-indicator.completed{background:#10b981;border-color:#10b981;color:white}.step-connector{flex:1;height:2px;background:rgba(59,130,246,.2);margin:0 8px;position:relative}.step-connector.completed{background:#10b981}.step-connector.active:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);animation:step-progress-flow 1.5s ease-out forwards}@keyframes step-progress-flow{0%{width:0}to{width:100%}}.progress-skeleton{background:linear-gradient(90deg,rgba(59,130,246,.1) 25%,rgba(59,130,246,.2) 50%,rgba(59,130,246,.1) 75%);background-size:200% 100%;animation:shimmer 1.8s infinite;border-radius:4px}.progress-pulse{animation:pulse-glow 2s ease-in-out infinite}.completion-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#34d399;font-size:12px;font-weight:500}.completion-badge-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#fbbf24}.completion-badge-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#f87171}.hover-lift{backface-visibility:hidden;transform:translateZ(0);will-change:transform}.hover-subtle{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-subtle:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.hover-bounce{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-bounce:hover{animation:bounce .6s ease-in-out}.hover-slide{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-slide:hover{transform:translateX(4px)}.hover-pulse{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-pulse:hover{animation:pulse-glow 1s ease-in-out}.interactive:active{transform:scale(.98)}.focus-ring:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);animation:shimmer 1.5s infinite}.animate-on-hover:hover .animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.animate-on-hover:hover .animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1)}.animate-on-hover:hover .animate-glow{animation:glow 2s ease-in-out infinite alternate}.tap-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.touch-feedback:active:before{width:200px;height:200px}.draggable{cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1)}.draggable:active{cursor:grabbing;transform:rotate(5deg) scale(1.05)}.drop-zone{border:2px dashed rgba(59,130,246,.3);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.drop-zone.drag-over{border-color:#3b82f6;background:rgba(59,130,246,.1);transform:scale(1.02)}@media (prefers-reduced-motion:reduce){.hover-glow:hover,.hover-lift:hover,.hover-slide:hover,.hover-subtle:hover{transform:none;animation:none}.animate-bounce-in,.animate-fade-in,.animate-float,.animate-glow,.animate-slide-in,.animate-slide-up{animation:none}}.landing-layout{min-height:100vh;min-height:100svh;min-height:100dvh;position:relative;background:linear-gradient(135deg,#0f0f23,#1a1a2e 20%,#16213e 40%,#0f3460 60%,#533483 80%,#0f0f23);background-size:300% 300%;animation:premium-gradient-flow 20s ease infinite}.landing-layout:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(59,130,246,.05) 25%,rgba(139,92,246,.08) 50%,rgba(236,72,153,.05) 75%,transparent);background-size:400% 400%;animation:overlay-shift 25s ease infinite;pointer-events:none}body.onboarding-active .landing-layout{position:static!important;background:#0f0f23!important;animation:none!important;transform:none!important;overflow-x:visible!important;overflow-y:visible!important;background-size:auto!important}body.onboarding-active .landing-layout:after,body.onboarding-active .landing-layout:before{display:none!important;content:none!important}body.onboarding-active *{transform:none!important}body.onboarding-active .grid,body.onboarding-active .landing-layout main,body.onboarding-active .max-w-7xl{position:static!important;left:auto!important;right:auto!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}.dark .landing-layout,.landing-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh}.landing-layout main{flex:1 0 auto}.app-footer{flex-shrink:0}.force-dark-text,.force-dark-text *{color:#23243a!important;text-shadow:none!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation,.float-animation-delayed{animation:float 6s ease-in-out infinite}.float-animation-delayed{animation-delay:-3s}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(168,85,247,.3)}50%{box-shadow:0 0 30px rgba(168,85,247,.6)}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in-up-1{animation:fadeInUp .8s ease-out .1s both}.fade-in-up-2{animation:fadeInUp .8s ease-out .2s both}.fade-in-up-3{animation:fadeInUp .8s ease-out .3s both}.fade-in-up-4{animation:fadeInUp .8s ease-out .4s both}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .6s ease-out}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.bounce-animation{animation:bounce 2s infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typing-animation{overflow:hidden;border-right:3px solid;white-space:nowrap;animation:typing 3.5s steps(40),blink .75s step-end infinite}@keyframes particleFloat{0%,to{transform:translateY(0) translateX(0);opacity:.7}33%{transform:translateY(-20px) translateX(10px);opacity:1}66%{transform:translateY(-10px) translateX(-10px);opacity:.8}}.particle-float{animation:particleFloat 8s ease-in-out infinite}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.checkmark-animation{animation:checkmark .6s ease-out}@keyframes progressFill{0%{width:0}to{width:var(--progress-width,100%)}}.progress-fill{animation:progressFill 2s ease-out}.observe-fade{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.observe-fade.visible{opacity:1;transform:translateY(0)}.observe-scale{opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.observe-scale.visible{opacity:1;transform:scale(1)}.card-reveal{animation:cardReveal .8s ease-out both}.float-pattern-1{animation:floatPattern1 7s ease-in-out infinite}.float-pattern-2{animation:floatPattern2 8s ease-in-out infinite}.interactive-glow{animation:interactiveGlow 3s ease-in-out infinite}.shimmer-effect:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);animation:shimmer 2s ease-in-out infinite}.pulse-stats{animation:pulseStats 2s ease-in-out infinite}.separator-expand{animation:separatorExpand 1s ease-out both}.text-reveal{animation:textReveal .6s ease-out both}.enhanced-hover-lift{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.enhanced-hover-lift:hover{transform:translateY(-12px) rotate(1deg);box-shadow:0 25px 50px rgba(0,0,0,.4)}.animated-gradient-border{background:linear-gradient(-45deg,#3b82f6,#8b5cf6,#ec4899,#22c55e);background-size:400% 400%;animation:gradientBorder 8s ease infinite;border-radius:16px}.animated-gradient-border>*{background:rgb(15,23,42);border-radius:14px}.success-ping:after{inset:0;border-radius:inherit;background:currentColor;animation:successPing 1s cubic-bezier(0,0,.2,1) infinite}@keyframes cardReveal{0%{opacity:0;transform:translateY(60px) rotateX(15deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) rotateX(0deg);filter:blur(0)}}.card-reveal{animation:cardReveal 1.2s cubic-bezier(.23,1,.32,1) both}.card-reveal-1{animation-delay:.1s}.card-reveal-2{animation-delay:.2s}.card-reveal-3{animation-delay:.3s}.card-reveal-4{animation-delay:.4s}@keyframes floatPattern1{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-8px) rotate(-1deg)}75%{transform:translateY(-12px) rotate(1deg)}}@keyframes floatPattern2{0%,to{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-10px) rotate(-2deg) scale(1.05)}66%{transform:translateY(-5px) rotate(1deg) scale(.98)}}.float-pattern-1{animation:floatPattern1 8s ease-in-out infinite}.float-pattern-2{animation:floatPattern2 6s ease-in-out infinite}@keyframes interactiveGlow{0%,to{box-shadow:0 4px 8px rgba(0,0,0,.1),0 0 20px rgba(99,102,241,.1)}50%{box-shadow:0 8px 16px rgba(0,0,0,.15),0 0 40px rgba(99,102,241,.2)}}.interactive-glow{animation:interactiveGlow 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-effect:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.2) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 2s infinite;opacity:0;transition:opacity .3s ease}.shimmer-effect:hover:before{opacity:1}@keyframes pulseStats{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.pulse-stats{animation:pulseStats 3s ease-in-out infinite}@keyframes separatorExpand{0%{width:0;opacity:0}to{width:100%;opacity:1}}.separator-expand{animation:separatorExpand 1.5s ease-out}@keyframes textReveal{0%{width:0;opacity:0}to{width:100%;opacity:1}}.text-reveal{overflow:hidden;animation:textReveal 2s ease-out both}.text-reveal-1{animation-delay:.1s}.text-reveal-2{animation-delay:.2s}.text-reveal-3{animation-delay:.3s}.enhanced-hover-lift{transition:all .4s cubic-bezier(.23,1,.32,1)}.enhanced-hover-lift:hover{transform:translateY(-8px) rotateY(5deg) rotateX(5deg);box-shadow:0 20px 40px rgba(0,0,0,.2),0 0 30px rgba(99,102,241,.3)}@keyframes gradientBorder{0%,to{background-position:0 50%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}.animated-gradient-border{position:relative;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;animation:gradientBorder 4s ease infinite;padding:2px;border-radius:12px}.animated-gradient-border>*{background:rgba(0,0,0,.9);border-radius:10px;padding:inherit}@keyframes successPing{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.success-ping:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:#10b981;border-radius:50%;transform:translate(-50%,-50%);animation:successPing 2s cubic-bezier(0,0,.2,1) infinite}@keyframes gradientXY{0%,to{background-position:0 50%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}.animate-gradient-xy{background-size:400% 400%;animation:gradientXY 15s ease infinite}@keyframes floatEnhanced{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-15px) translateX(10px) rotate(2deg)}66%{transform:translateY(-5px) translateX(-5px) rotate(-1deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(10px) translateX(-8px) rotate(-2deg)}66%{transform:translateY(-12px) translateX(8px) rotate(1deg)}}.animate-float,.animate-float-delayed{animation:floatEnhanced 8s ease-in-out infinite}.animate-float-delayed{animation-delay:-4s}.animate-float-reverse{animation:floatReverse 10s ease-in-out infinite}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-bounce-slow{animation:bounceSlow 4s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp .8s ease-out both}.animate-slide-in-left{animation:slideInLeft .8s ease-out both}.animate-slide-in-right{animation:slideInRight .8s ease-out both}.animate-fade-in-up{animation:fadeInUp .8s ease-out both}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spinSlow 8s linear infinite}@keyframes gradientX{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradientX 3s ease infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.animation-delay-700{animation-delay:.7s}.animation-delay-800{animation-delay:.8s}.animation-delay-1000{animation-delay:1s}.animation-delay-1200{animation-delay:1.2s}.animation-delay-1400{animation-delay:1.4s}.bg-size-200{background-size:200% 200%}.blog-card{display:flex;height:100%;flex-direction:column;border-radius:.75rem;border-width:1px;border-color:rgb(255 255 255/.1);background-color:rgb(255 255 255/.05);padding:2rem;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.blog-card:hover{border-color:rgb(96 165 250/.6);background-color:rgb(255 255 255/.1)}.group:hover .blog-card{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);--tw-shadow-color:rgb(59 130 246/0.1);--tw-shadow:var(--tw-shadow-colored)}.group:focus .blog-card,.group:hover .blog-card{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:focus .blog-card{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.blog-card:hover{transform:translateY(-2px)}.blog-card-title{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group:focus .blog-card-title,.group:hover .blog-card-title{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.blog-card-excerpt{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem;line-height:1.625;color:rgb(243 244 246/.8);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;align-items:center}.blog-card-meta>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.blog-card-meta{color:rgb(209 213 219/var(--tw-text-opacity,1))}.blog-card-meta,.blog-card-read-more{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1}.blog-card-read-more{display:flex;align-items:center;font-weight:500;color:rgb(96 165 250/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .blog-card-read-more{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.blog-post-header{margin-bottom:2rem;border-bottom-width:1px;border-color:rgb(55 65 81/.5);padding-bottom:1.5rem}.blog-post-title{margin-bottom:1.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.blog-post-title{font-size:3rem;line-height:1}}.blog-post-meta{flex-wrap:wrap;gap:1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.blog-post-meta,.blog-post-meta>div{display:flex;align-items:center}.blog-post-meta>div>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.blog-content{line-height:1.625;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.blog-content h1{margin-top:2rem;margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;line-height:1.25}.blog-content h1,.blog-content h2{font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-content h2{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;line-height:1.25}.blog-content h3{margin-top:1.25rem;margin-bottom:.75rem;font-size:1.25rem}.blog-content h3,.blog-content h4{line-height:1.75rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-content h4{margin-top:1rem;margin-bottom:.5rem;font-size:1.125rem}.blog-content p{margin-bottom:1rem;line-height:1.625;color:rgb(243 244 246/.9)}.blog-content a{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1));text-decoration-line:underline;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-content a:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.blog-content ol,.blog-content ul{margin-bottom:1rem;padding-left:1.5rem;color:rgb(243 244 246/.9)}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.5rem;line-height:1.625}.blog-content blockquote{margin-top:1.5rem;margin-bottom:1.5rem;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-left-width:4px;--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1));background-color:rgb(255 255 255/.05);padding:1rem 1rem 1rem 1.5rem}.blog-content blockquote p{margin-bottom:0;font-weight:500;font-style:italic;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.blog-content code{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.blog-content pre{margin-bottom:1rem;overflow-x:auto;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));padding:1rem}.blog-content pre code{background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.blog-content img{margin-top:1.5rem;margin-bottom:1.5rem;height:auto;max-width:100%;border-radius:var(--radius);--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blog-content table{margin-top:1.5rem;margin-bottom:1.5rem;width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.25rem}.blog-content table,.blog-content td,.blog-content th{border-width:1px;--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.blog-content td,.blog-content th{padding:.5rem 1rem;text-align:left}.blog-content th{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-content td{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.blog-content strong{font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-content em{font-style:italic;--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.blog-nav-back{margin-bottom:2rem;display:inline-flex;align-items:center;--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-nav-back:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.blog-nav-back:hover .back-arrow{transform:translateX(-4px)}.blog-nav-read-more{display:inline-flex;align-items:center;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));padding:.75rem 1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-nav-read-more:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.blog-grid{display:grid;gap:2rem}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-empty{border-radius:.75rem;border-width:1px;border-color:rgb(255 255 255/.1);background-color:rgb(255 255 255/.05);padding:4rem;text-align:center;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.blog-empty h2{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-empty p{font-size:1.125rem;line-height:1.75rem;color:rgb(243 244 246/.8)}.blog-error{margin-bottom:2rem;border-radius:.75rem;border-width:1px;border-color:rgb(248 113 113/.5);background-color:rgb(239 68 68/.1);padding:1rem 1.5rem;--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1));--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.blog-skeleton{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.blog-skeleton,.blog-skeleton-title{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.blog-skeleton-title{margin-bottom:1rem;height:1.5rem}.blog-skeleton-text{margin-bottom:.5rem;height:1rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.blog-skeleton-card{height:100%;border-radius:var(--radius);border-width:1px;border-color:rgb(55 65 81/.5);background-color:rgb(31 41 55/.5);padding:2rem}@media (max-width:768px){.blog-post-title{font-size:1.875rem;line-height:2.25rem}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-content{font-size:1rem;line-height:1.5rem}}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{margin-bottom:1rem;font-size:3rem;line-height:1;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blog-header p{margin-left:auto;margin-right:auto;max-width:42rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}@keyframes pulse{50%{opacity:.5}0%,to{opacity:1}}.blog-loading{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.blog-loading .blog-card{background-color:rgb(55 65 81/.5)}.blog-loading .blog-title{margin-bottom:.75rem;height:1.5rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.blog-loading .blog-excerpt{margin-bottom:.5rem}.blog-loading .blog-excerpt,.blog-loading .blog-meta-item{height:1rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.blog-loading .blog-meta-item{width:4rem}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.15),0 0 40px rgba(59,130,246,.1)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:none}.hover-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 30px rgba(59,130,246,.3),0 0 60px rgba(139,92,246,.2);transform:translateY(-2px)}.fireworks-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}.firework{position:absolute;width:6px;height:6px;border-radius:50%;opacity:0;animation:firework .8s ease-out forwards}@keyframes firework{0%{transform:scale(0);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}