@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}.glass-card{background:rgba(255,255,255,.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.glass-modal{background:rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15)}.modern-header{position:relative;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 4px rgba(0,0,0,.06)}.modern-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.dark .glass-card{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05)}.dark .glass-modal{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}@media (prefers-reduced-motion:reduce){.glass-card,.glass-modal,.modern-header{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (max-width:768px){.glass-card,.glass-modal{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.3)}.dark .glass-card,.dark .glass-modal{background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.2)}}@media (max-width:480px){.glass-card,.glass-modal{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark .glass-card,.dark .glass-modal{background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px rgba(0,0,0,.3)}}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}.gradient-text{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title-text{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary)/.8) 25%,hsl(var(--secondary)) 50%,hsl(var(--primary)/.9) 75%,hsl(var(--primary)) 100%);background-clip:text;-webkit-background-clip:text;background-size:150% 150%;animation:subtle-text-flow 12s ease-in-out infinite;font-weight:700}.hero-brand-name,.hero-title-text{position:relative;display:inline-block;-webkit-text-fill-color:transparent;line-height:1.3;padding-bottom:.05em;will-change:background-position}.hero-brand-name{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary)/.8) 20%,hsl(var(--secondary)) 40%,hsl(var(--accent)) 60%,hsl(var(--secondary)/.9) 80%,hsl(var(--primary)) 100%);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;animation:brand-gradient-flow 10s ease-in-out infinite;font-weight:800;letter-spacing:-.02em}.hero-brand-name:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,hsl(var(--primary)/.1) 25%,hsl(var(--secondary)/.1) 50%,hsl(var(--primary)/.1) 75%,transparent 100%);border-radius:8px;opacity:0;transition:opacity .3s ease;z-index:-1}.hero-brand-name:hover:before{opacity:1}.hero-subtitle{position:relative;background:linear-gradient(90deg,hsl(var(--muted-foreground)) 0,hsl(var(--muted-foreground)/.8) 25%,hsl(var(--muted-foreground)/.9) 50%,hsl(var(--muted-foreground)/.8) 75%,hsl(var(--muted-foreground)) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:150% 150%;animation:subtitle-flow 15s ease-in-out infinite;will-change:background-position}@keyframes subtle-text-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes brand-gradient-flow{0%,to{background-position:0 50%}33%{background-position:100% 25%}66%{background-position:0 75%}}@keyframes subtitle-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.hero-title-text{animation-duration:15s;background-size:120% 120%}.hero-brand-name{animation-duration:12s;background-size:150% 150%}.hero-subtitle{animation-duration:18s;background-size:120% 120%}}@media (max-width:480px){.hero-brand-name,.hero-subtitle,.hero-title-text{animation:none;background-size:100% 100%;will-change:auto}}@media (prefers-reduced-motion:reduce){.hero-brand-name,.hero-subtitle,.hero-title-text{animation:none;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-brand-name:before{display:none}}.gradient-border{position:relative;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));border-radius:inherit}.gradient-border:before{content:"";position:absolute;inset:1px;background:hsl(var(--background));border-radius:inherit;z-index:-1}.modern-button{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));color:white;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px rgba(181,101,218,.3)}.modern-button:hover{box-shadow:0 8px 25px rgba(181,101,218,.4)}.modern-button.secondary{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:hsl(var(--foreground))}.modern-button.secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.credits-container{transition:opacity .5s ease,transform .5s ease;transform-origin:left center;width:auto;min-width:fit-content;max-width:200px;text-align:left;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.credits-widget-container .credits-container{width:auto;max-width:180px}.credits-container.opacity-0{transform:scale(.95)}.credits-container.opacity-100{transform:scale(1)}.modern-button{position:relative;overflow:hidden;border:none;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary)/.8));color:hsl(var(--primary-foreground));border-radius:12px;font-weight:600;letter-spacing:.025em;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px rgba(0,0,0,.1);will-change:transform;contain:layout style}.modern-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease;will-change:left}.modern-button:hover:before{left:100%}.modern-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.modern-button:active{transform:translateY(0)}.modern-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.generation-modal-content button.absolute.right-2.top-2,.generation-modal-content button.absolute.right-2.top-2 svg{display:none!important;visibility:hidden!important;pointer-events:none!important}@media (max-width:768px){.modern-button{font-size:1rem;padding:1rem 1.5rem}.modern-button:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.credits-container,.modern-button,.modern-button:before{animation:none;transition:none}.modern-button:hover{transform:none}}@media (max-width:768px){.modern-button:before{display:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInNav{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite;animation-delay:2s}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideInUp .7s ease-out forwards}.animate-gradient{animation:gradientShift 4s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.5s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animation-delay-150{animation-delay:.15s}.animation-delay-300{animation-delay:.3s}.animate-gradientShift{animation:gradientShift 3s ease-in-out infinite}.animate-gradientShift,.bg-300\%{background-size:300% 300%}@keyframes pulse-celebration{0%{transform:scale(1);box-shadow:0 8px 32px rgba(0,0,0,.1)}50%{transform:scale(1.02);box-shadow:0 16px 64px rgba(180,101,218,.2),0 8px 32px rgba(219,112,196,.15)}to{transform:scale(1);box-shadow:0 8px 32px rgba(0,0,0,.1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-pulse-celebration{animation:pulse-celebration 2s ease-in-out 3}.animate-bounce{animation:bounce 2s infinite}.animate-slideInUp{animation:slideInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}.animate-fadeIn{animation:fadeIn .8s ease-out forwards;opacity:0}.shadow-3xl{box-shadow:0 35px 60px -12px rgba(0,0,0,.25)}@media (prefers-reduced-motion:reduce){.animate-float,.animate-float-delayed,.animate-gradient,.animate-pulse,.animate-shimmer{animation:none;will-change:auto}}@media (max-width:768px){.animate-float,.animate-float-delayed{animation-duration:8s,12s}.animate-shimmer{animation:none}}@media (max-width:480px){.animate-float,.animate-float-delayed,.animate-gradient{animation:none;will-change:auto}}.animation-complete{will-change:auto}.logo-container{position:relative;transition:opacity .2s ease}.logo-container:hover{opacity:.8}.header-shrink{transition:all .3s cubic-bezier(.4,0,.2,1)}.header-shrink.scrolled{background:hsl(var(--background)/.98);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid hsl(var(--border)/.8);box-shadow:0 2px 8px hsl(var(--foreground)/.05)}.header-shrink .header-content{transition:height .3s cubic-bezier(.4,0,.2,1)!important}.header-shrink.scrolled .modern-nav-link-desktop{font-size:.75rem;padding-left:.5rem;padding-right:.5rem}.header-shrink.scrolled .auth-button-container,.header-shrink.scrolled .credits-widget-container,.header-shrink.scrolled .logo-container,.header-shrink.scrolled .modern-menu-trigger{transition:transform .3s cubic-bezier(.4,0,.2,1)}.header-content,.logo-container,.modern-nav-link-desktop{transition:all .2s ease}.auth-button-container,.credits-widget-container,.modern-menu-trigger{transition:transform .2s ease}.header-shrink.scrolled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsl(var(--primary)/.01);pointer-events:none;z-index:-1}.header-shrink.scrolled .container:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.3),hsl(var(--secondary)/.3),transparent);pointer-events:none}.logo-text-gradient{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)),hsl(var(--accent)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modern-nav-link{position:relative;border-radius:12px;text-align:left;background:transparent;color:hsl(var(--muted-foreground));border:1px solid transparent;overflow:hidden}.modern-nav-link:hover{color:hsl(var(--primary));background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modern-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.modern-nav-link:hover:before{left:100%}.modern-nav-link-desktop{position:relative;border-radius:8px;color:hsl(var(--muted-foreground));opacity:0;animation:slideInNav .4s ease-out forwards}.modern-nav-link-desktop:hover{color:hsl(var(--primary));background:rgba(255,255,255,.05)}.modern-menu-trigger,.modern-nav-link-desktop:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modern-menu-trigger{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1)}.modern-menu-trigger:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);box-shadow:0 4px 15px rgba(0,0,0,.1)}.auth-button-container{transition:all .3s ease;min-width:120px}.auth-button-container:hover{transform:translateY(-1px)}.auth-button-container [data-radix-dropdown-trigger]{position:relative;overflow:visible}.auth-button-container [data-radix-dropdown-trigger]:hover:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--secondary)));z-index:-1;opacity:.1;transition:opacity .3s ease}.auth-button-container [data-radix-dropdown-trigger]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.credits-widget-container{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;min-width:fit-content;max-width:200px}.auth-button-container{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-width:40px}.modern-header .credits-display{display:flex;align-items:center;justify-content:flex-start;min-width:fit-content;max-width:160px}.modern-header .container>div{min-width:0}.modern-header .container>div>div:first-child,.modern-header .container>div>div:last-child{flex-shrink:0}@media (min-width:768px) and (max-width:1023px){.credits-widget-container{max-width:140px}}@media (min-width:1024px){.credits-widget-container{max-width:180px}}.credits-widget-container button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.modern-header .container{max-width:100%;padding-left:1rem;padding-right:1rem}}@media (min-width:1024px){.modern-header .container{max-width:100%;padding-left:2rem;padding-right:2rem}}.modern-header{width:100%;overflow-x:hidden}.modern-header .container{width:100%;max-width:100%}.pricing-card-container{--hover-scale:1;--hover-y:0px;opacity:0;animation:slideInUp .3s ease-out forwards;position:relative;transition:transform .2s cubic-bezier(.25,.46,.45,.94);transform:scale(var(--hover-scale)) translateY(var(--hover-y));transform-origin:center;will-change:transform;contain:layout style}.pricing-card-container:hover{--hover-scale:1.02;--hover-y:-2px}@keyframes slideInUp{0%{opacity:0;transform:scale(var(--hover-scale)) translateY(calc(var(--hover-y) + 10px))}to{opacity:1;transform:scale(var(--hover-scale)) translateY(var(--hover-y))}}.pricing-card{position:relative;border-radius:20px;overflow:hidden;transition:all .2s ease-out}.pricing-card:before{display:none}@media (prefers-reduced-motion:reduce){.pricing-card-container{animation:none;opacity:1;transform:none}.pricing-card-container:hover{transform:none}.pricing-card{transition:none}}.popular-plan .pricing-card{background:linear-gradient(135deg,rgba(181,101,218,.08),rgba(232,121,199,.08));border:2px solid rgba(181,101,218,.3);box-shadow:0 8px 20px rgba(181,101,218,.15)}.popular-plan:hover .pricing-card{box-shadow:0 12px 25px rgba(181,101,218,.2)}.current-plan .pricing-card{background:rgba(0,0,0,.05);border:2px solid rgba(0,0,0,.1)}.dark .current-plan .pricing-card{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1)}.modern-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.popular-badge{background:linear-gradient(135deg,rgba(181,101,218,.9),rgba(232,121,199,.9));color:white;box-shadow:0 4px 15px rgba(181,101,218,.4)}.save-badge{background:linear-gradient(135deg,rgba(34,197,94,.9),rgba(101,218,181,.9));color:white;box-shadow:0 4px 15px rgba(34,197,94,.3)}.gradient-text-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.trust-indicators{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem}.trust-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground));transition:color .3s ease}.trust-indicator:hover{color:hsl(var(--foreground))}@media (max-width:768px){.pricing-card-container{margin-bottom:2rem}.pricing-card-container:hover{--hover-scale:1.01;--hover-y:-1px}.modern-badge{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}@media (max-width:480px){.pricing-card-container:hover{--hover-scale:1;--hover-y:0px}.modern-badge{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(181,101,218,.15);border:1px solid rgba(181,101,218,.3)}}.faq-item-container{opacity:0;transform:translateY(20px);animation:slideInUp .6s ease-out forwards}.modern-faq-item{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin-bottom:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.modern-faq-item:hover{background:rgba(255,255,255,.08);border-color:rgba(181,101,218,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.dark .modern-faq-item{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05)}.dark .modern-faq-item:hover{background:rgba(0,0,0,.3);border-color:rgba(181,101,218,.2)}.modern-faq-trigger{position:relative;background:transparent;transition:all .3s ease;overflow:hidden}.modern-faq-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(181,101,218,.1),transparent);transition:left .6s ease}.modern-faq-trigger:hover:before{left:100%}.modern-faq-content{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.05)}.dark .modern-faq-content{background:rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.03)}.modern-faq-content a{position:relative;text-decoration:none;font-weight:500}.modern-faq-content a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)));transition:width .3s ease}.modern-faq-content a:hover:after{width:100%}.faq-background-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(181,101,218,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(232,121,199,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(181,101,218,.05) 0,transparent 50%);pointer-events:none}.modern-faq-item:hover .modern-faq-trigger{color:hsl(var(--primary))}.modern-faq-trigger [data-radix-accordion-trigger]{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}@media (max-width:768px){.modern-faq-trigger{padding:1rem 1.25rem}.modern-faq-content{padding:0 1.25rem 1.25rem}.modern-faq-content .pl-14{padding-left:0}.faq-item-container{margin-bottom:.75rem}}@media (prefers-reduced-motion:reduce){.faq-item-container,.modern-faq-item,.modern-faq-trigger,.modern-faq-trigger:before{animation:none;transition:none}}@media (prefers-contrast:high){.modern-faq-item{background:hsl(var(--card));border:2px solid hsl(var(--border));backdrop-filter:none;-webkit-backdrop-filter:none}.modern-faq-content{background:hsl(var(--muted)/.3);border-top:2px solid hsl(var(--border))}}.blog-card-container{opacity:0;transform:translateY(30px);animation:slideInUp .7s ease-out forwards}.modern-blog-card{background:rgba(255,255,255,.07);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;will-change:transform;contain:layout style}.modern-blog-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;z-index:1;will-change:left}.modern-blog-card:hover:before{left:100%}.modern-blog-card:hover{background:rgba(255,255,255,.1);border-color:rgba(181,101,218,.3);box-shadow:0 20px 40px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.05)}.dark .modern-blog-card{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}.dark .modern-blog-card:hover{background:rgba(0,0,0,.4);border-color:rgba(181,101,218,.25)}.blog-title-link{position:relative;display:block;transition:all .3s ease}.blog-title-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)));transition:width .4s ease}.modern-blog-card:hover .blog-title-link:after{width:100%}.modern-blog-cta{position:relative;overflow:hidden;border-radius:8px;padding:8px 12px;background:rgba(181,101,218,.05);border:1px solid rgba(181,101,218,.2);transition:all .3s ease}.modern-blog-cta:hover{background:rgba(181,101,218,.1);border-color:rgba(181,101,218,.3);transform:translateY(-1px)}.modern-blog-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(181,101,218,.1),transparent);transition:left .5s ease}.modern-blog-cta:hover:before{left:100%}.blog-header-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(181,101,218,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(232,121,199,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(181,101,218,.05) 0,transparent 50%);pointer-events:none}.modern-blog-card .progressive-image{transition:all .7s cubic-bezier(.175,.885,.32,1.275)}.modern-blog-card:hover .progressive-image{filter:brightness(1.1) contrast(1.05)}.line-clamp-2{-webkit-line-clamp:2;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;line-clamp:3}.blog-meta-item{display:flex;align-items:center;gap:4px;font-size:.875rem;color:hsl(var(--muted-foreground));transition:color .3s ease}.modern-blog-card:hover .blog-meta-item{color:hsl(var(--foreground))}.blog-grid-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1400px;margin:0 auto}.blog-card-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.2) 50%,rgba(255,255,255,.1));background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.blog-card-container{margin-bottom:1rem}.modern-blog-card{margin:0 auto;max-width:400px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.blog-title-link{font-size:1.25rem;line-height:1.4}}@media (max-width:640px){.modern-blog-card{max-width:100%}.modern-blog-cta{align-self:stretch;justify-content:center;text-align:center}}@media (max-width:480px){.modern-blog-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}}@media (max-width:400px){.blog-grid-container{grid-template-columns:1fr;gap:1.5rem}}@media (prefers-reduced-motion:reduce){.blog-card-container,.blog-title-link,.blog-title-link:after,.modern-blog-card,.modern-blog-card:before,.modern-blog-cta,.progressive-image{animation:none;transition:none}.modern-blog-card:hover{transform:none}}@media (prefers-contrast:high){.modern-blog-card{background:hsl(var(--card));border:2px solid hsl(var(--border));backdrop-filter:none;-webkit-backdrop-filter:none}.modern-blog-cta{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:2px solid hsl(var(--primary))}}.prose.prose-lg{font-size:1.125rem;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{position:relative;scroll-margin-top:100px;margin-top:2rem;margin-bottom:1rem}.prose h2{font-size:1.875rem;line-height:1.4;margin-top:3rem}.prose h3{font-size:1.5rem;line-height:1.4;margin-top:2.5rem}.prose blockquote{border-left:4px solid hsl(var(--primary));background:rgba(181,101,218,.05);padding:1.5rem;margin:2rem 0;border-radius:0 12px 12px 0;font-style:italic;position:relative}.prose blockquote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:hsl(var(--primary));opacity:.3;font-family:serif}.prose code{background:rgba(181,101,218,.1);color:hsl(var(--primary));padding:.25rem .5rem;border-radius:6px;font-size:.9em;font-weight:500}.prose pre{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.5rem;overflow-x:auto;margin:2rem 0}.prose pre code{background:transparent;color:inherit;padding:0;border-radius:0}.prose a{color:hsl(var(--primary));font-weight:500;text-decoration:none;position:relative;transition:all .3s ease}.prose a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)));transition:width .3s ease}.prose a:hover:after{width:100%}.prose img{border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);margin:2rem auto;transition:all .3s ease}.prose img:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.prose ol,.prose ul{margin:1.5rem 0}.prose li{margin:.5rem 0;line-height:1.7}.prose ul>li::marker{color:hsl(var(--primary))}.prose ol>li::marker{color:hsl(var(--primary));font-weight:600}.blog-back-nav{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:hsl(var(--muted-foreground));text-decoration:none;transition:all .3s ease;font-size:.875rem;font-weight:500}.blog-back-nav:hover{background:rgba(255,255,255,.1);color:hsl(var(--primary));border-color:rgba(181,101,218,.3);transform:translateX(-4px)}.blog-post-cta{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));color:white;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px rgba(181,101,218,.3)}.blog-post-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 35px rgba(181,101,218,.4)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.1);z-index:100}.reading-progress-bar{height:100%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)));transition:width .1s ease}.article-meta{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2rem 0}.article-meta,.meta-item{display:flex;align-items:center}.meta-item{gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:.875rem;font-weight:500}.meta-icon{padding:.25rem;border-radius:6px;background:linear-gradient(135deg,rgba(181,101,218,.2),rgba(232,121,199,.2))}@media (max-width:768px){.prose{font-size:1rem;line-height:1.7}.prose h1{font-size:2rem;line-height:1.2}.prose h2{font-size:1.5rem;margin-top:2rem}.prose h3{font-size:1.25rem;margin-top:1.5rem}.article-meta{flex-direction:column;gap:1rem}.blog-post-cta{width:100%;justify-content:center;padding:1.25rem 2rem}}.dark .prose,.dark .prose h1,.dark .prose h2,.dark .prose h3,.dark .prose h4,.dark .prose h5,.dark .prose h6{color:hsl(var(--foreground))}.dark .prose blockquote{background:rgba(181,101,218,.1);border-left-color:hsl(var(--primary))}.dark .prose code{background:rgba(181,101,218,.15)}.custom-markdown-style h1{font-size:2rem;color:#B565DA!important;text-align:center;margin-top:.5em;margin-bottom:.4em;text-shadow:none}.custom-markdown-style h2{font-size:2rem;color:#E879C7!important;margin-top:1.2em;margin-bottom:.6em;border-bottom:2px solid #e879c7!important;padding-bottom:.3em}.custom-markdown-style h3{font-size:1.75rem;color:#DB70C4!important;margin-top:1em;margin-bottom:.5em}.custom-markdown-style p{font-size:1.1rem;line-height:1.7;color:hsl(var(--foreground))!important;margin-bottom:1em}.custom-markdown-style a{color:#B565DA!important;text-decoration:none;border-bottom:1px dotted #b565da!important}.custom-markdown-style a:hover{color:hsl(var(--primary-foreground))!important;border-bottom:1px solid hsl(var(--primary-foreground))!important}.custom-markdown-style ol,.custom-markdown-style ul{list-style-position:outside;margin-bottom:1em;color:hsl(var(--foreground))!important}.custom-markdown-style li{margin-bottom:.5em}.custom-markdown-style blockquote{border-left:4px solid #e879c7!important;padding-left:1em;margin-left:0;color:hsl(var(--muted-foreground))!important;font-style:italic}.custom-markdown-style code{padding:.2em .4em;border-radius:3px}.custom-markdown-style code,.custom-markdown-style pre{background-color:hsl(var(--muted))!important;color:#B565DA!important}.custom-markdown-style pre{padding:1em;border-radius:5px;overflow-x:auto}