.landing-page{width:100%;overflow-x:hidden;position:relative}.landing-page .navbar{width:100%}.landing-page main{width:100%;overflow-x:hidden}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--radius:0.5rem;--emerald-50:236 253 245;--emerald-100:209 250 229;--emerald-200:167 243 208;--emerald-300:110 231 183;--emerald-400:52 211 153;--emerald-500:16 185 129;--emerald-600:5 150 105;--emerald-700:4 120 87;--emerald-800:6 95 70;--emerald-900:6 78 59;--zinc-50:250 250 250;--zinc-100:244 244 245;--zinc-200:228 228 231;--zinc-300:212 212 216;--zinc-400:161 161 170;--zinc-500:113 113 122;--zinc-600:82 82 91;--zinc-700:63 63 70;--zinc-800:39 39 42;--zinc-900:24 24 27;--zinc-950:9 9 11;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:"Outfit",var(--font-family);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25)}html{scroll-behavior:smooth}[id]{scroll-margin-top:100px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:hsl(var(--foreground));background-color:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.container,.cta-container,.features-container,.footer-container,.hero-container,.how-it-works-container,.nav-container,.pricing-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media (min-width:640px){.container,.cta-container,.features-container,.footer-container,.hero-container,.how-it-works-container,.nav-container,.pricing-container{padding:0 var(--space-8)}}.navbar{position:sticky;top:0;z-index:50;background-color:hsl(var(--background)/.8);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border))}.nav-container{justify-content:space-between;height:72px}.logo,.nav-container{display:flex;align-items:center}.logo{gap:var(--space-3);font-weight:700;font-size:var(--font-size-xl);color:hsl(var(--foreground));text-decoration:none}.logo-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.logo svg{color:hsl(var(--primary))}.nav-menu{display:none;align-items:center;gap:var(--space-8)}@media (min-width:768px){.nav-menu{display:flex}}.nav-link{font-weight:500;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s ease}.nav-link.active,.nav-link:hover{color:hsl(var(--foreground))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--radius-lg);transition:all .2s ease;cursor:pointer;border:1px solid transparent;white-space:nowrap;font-family:inherit}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:hsl(var(--primary)/.9);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border));box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:hsl(var(--secondary)/.8);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:hsl(var(--primary));border-color:hsl(var(--primary))}.btn-outline:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:translateY(-1px)}.btn:focus,.nav-link:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}.hero{padding:var(--space-24) 0 var(--space-32);background:linear-gradient(135deg,#09090b,#09090b)}.hero:before{right:0;bottom:0;background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(236,72,153,.25) 50%,rgba(59,130,246,.25));opacity:.8}.hero:after{content:"";top:-80px;right:-80px;width:500px;height:500px;background:rgba(168,85,247,.2);opacity:.6}.hero .glow-orb-bottom,.hero:after{position:absolute;border-radius:999px;filter:blur(100px)}.hero .glow-orb-bottom{bottom:-100px;left:20%;width:350px;height:350px;background:rgba(59,130,246,.2);opacity:.5}.hero-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-16);align-items:center}@media (min-width:1024px){.hero-container{grid-template-columns:1fr 1fr}}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}@media (min-width:1024px){.hero-content{text-align:left}}.hero-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,rgba(168,85,247,.4),rgba(236,72,153,.4),rgba(59,130,246,.4));color:#fff;border:1px solid rgba(192,132,252,.5);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;box-shadow:0 0 20px rgba(168,85,247,.3),0 4px 12px rgba(168,85,247,.2);backdrop-filter:blur(10px)}.hero-badge,.hero-title{margin-bottom:var(--space-6)}.hero-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;color:hsl(var(--foreground));background:linear-gradient(135deg,#fff,#c4b5fd,#f9a8d4,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:640px){.hero-title{font-size:var(--font-size-5xl)}}@media (min-width:1024px){.hero-title{font-size:var(--font-size-6xl)}}.gradient-text{background:linear-gradient(135deg,#c4b5fd,#f9a8d4,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-xl);color:hsl(var(--muted-foreground));margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}@media (min-width:1024px){.hero-description{margin-left:0;margin-right:0}}.hero-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-12)}@media (min-width:640px){.hero-actions{flex-direction:row;justify-content:center}}@media (min-width:1024px){.hero-actions{justify-content:flex-start}}.hero-actions .btn-primary{background:linear-gradient(135deg,#9333ea,#ec4899,#3b82f6);color:#fff;border:none;box-shadow:0 0 20px rgba(168,85,247,.4),0 8px 24px rgba(168,85,247,.3),inset 0 1px 0 hsla(0,0%,100%,.2);font-weight:600;gap:var(--space-2);transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-actions .btn-primary:hover{background:linear-gradient(135deg,#a855f7,#ec4899,#3b82f6);transform:translateY(-2px);box-shadow:0 0 30px rgba(168,85,247,.5),0 12px 32px rgba(168,85,247,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.hero-actions .btn-secondary{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(168,85,247,.1));backdrop-filter:blur(10px);color:#fff;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-actions .btn-secondary:hover{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(168,85,247,.2));border-color:hsla(0,0%,100%,.3);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:400px;margin:0 auto}@media (max-width:640px){.hero-stats{gap:var(--space-4)}}.stat{text-align:center;padding:var(--space-4);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.stat-number{font-size:var(--font-size-2xl);font-weight:800;color:#c4b5fd;margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);font-weight:600;color:hsl(var(--muted-foreground))}@media (max-width:640px){.stat{padding:var(--space-2)}.stat-number{font-size:var(--font-size-xl)}.stat-label{font-size:var(--font-size-xs)}}.hero-visual{display:flex;justify-content:center;align-items:center;perspective:1200px;transform-style:preserve-3d}.hero{position:relative;padding-top:120px;padding-bottom:80px;overflow:hidden;background:radial-gradient(circle at 50% 0,hsl(var(--primary)/.15),transparent 70%)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:0;mix-blend-mode:overlay}.builder-preview-wrapper{position:relative;border-radius:var(--radius-2xl);padding:var(--space-6);overflow:visible;background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(236,72,153,.15),rgba(59,130,246,.15));backdrop-filter:blur(20px);border:1px solid rgba(192,132,252,.2);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 0 0 1px rgba(192,132,252,.1),0 0 100px rgba(168,85,247,.2);max-width:800px;width:100%;transform:rotateX(2deg) rotateY(-2deg) rotate(1deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:float 8s ease-in-out infinite}@media (max-width:640px){.builder-preview-wrapper{padding:var(--space-4);transform:none;animation:none;margin:0 auto}}.builder-preview-wrapper:hover{transform:rotateX(0) rotateY(0) rotate(0) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(192,132,252,.3),0 0 120px rgba(168,85,247,.3)}.builder-preview-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(236,72,153,.05) 50%,rgba(59,130,246,.1));pointer-events:none}.workout-builder-preview{font-family:var(--font-family);position:relative;z-index:1}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-bottom:1px solid rgba(192,132,252,.2);border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) 0}@media (max-width:640px){.builder-header{padding:var(--space-4);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0}}.builder-title h3{font-size:var(--font-size-lg);font-weight:700;color:hsl(var(--card-foreground));margin-bottom:var(--space-1)}.builder-title p{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground))}.builder-ftp{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ftp-label{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))}.ftp-value{font-size:var(--font-size-sm);font-weight:700;color:hsl(var(--card-foreground))}.builder-content{display:flex;min-height:370px;flex-direction:column}@media (min-width:768px){.builder-content{flex-direction:row}}.intervals-panel{width:100%;padding:var(--space-4);border-right:none;border-bottom:1px solid rgba(192,132,252,.2);background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);overflow-y:auto;max-height:200px}@media (min-width:768px){.intervals-panel{width:280px;border-right:1px solid rgba(192,132,252,.2);border-bottom:none;height:auto;max-height:none}}.graph-panel{flex:1;padding:var(--space-6);background:transparent;display:flex;flex-direction:column}@media (max-width:768px){.graph-panel{padding:var(--space-4)}}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.graph-header h4{font-size:var(--font-size-sm);font-weight:600;color:hsl(var(--card-foreground))}.graph-stats{display:flex;gap:var(--space-3)}.graph-stats .stat{font-size:10px!important;color:hsl(var(--muted-foreground))!important;font-weight:400!important;text-align:left!important;padding:0!important;background:none!important;border:none!important;border-radius:0!important;backdrop-filter:none!important}.graph-container{flex:1;display:flex;position:relative;background:transparent;border-radius:var(--radius-lg);border:none;padding:var(--space-4)}.y-axis{display:flex;flex-direction:column;justify-content:space-between;width:40px;margin-right:var(--space-3);height:100%}.y-label{font-size:var(--font-size-xs);font-weight:600;color:hsl(var(--muted-foreground));text-align:right}.graph-area{flex:1;display:flex;flex-direction:column;position:relative}.power-blocks{display:flex;align-items:end;gap:2px;height:180px;border-bottom:none}.power-block{border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.power-block.warmup{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px rgba(34,197,94,.3);border-radius:6px}.power-block.sweet-spot{background:linear-gradient(135deg,#eab308,#d97706);box-shadow:0 2px 8px rgba(234,179,8,.3);border-radius:6px}.power-block.cooldown{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px rgba(59,130,246,.3);border-radius:6px}.x-axis{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));font-weight:500}.intervals-header,.x-axis{display:flex;justify-content:space-between}.intervals-header{align-items:center;margin-bottom:var(--space-4)}.intervals-header h4{font-size:var(--font-size-base);font-weight:600;color:hsl(var(--card-foreground))}.add-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:hsla(0,0%,100%,.05);backdrop-filter:blur(5px);border:1px solid rgba(192,132,252,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.add-button:hover{background:hsl(var(--border))}.intervals-list{display:flex;flex-direction:column;gap:var(--space-1)}.interval-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:hsla(0,0%,100%,.05);backdrop-filter:blur(5px);border-radius:var(--radius-md);border:1px solid rgba(192,132,252,.2);transition:all .2s ease}.interval-item:hover{border-color:rgba(168,85,247,.4);background:rgba(168,85,247,.1)}.interval-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.interval-label{font-size:var(--font-size-xs);font-weight:600;color:hsl(var(--card-foreground))}.interval-duration{font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))}.interval-power{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.power-percent{font-weight:600;color:hsl(var(--card-foreground))}.power-percent,.power-watts{font-size:var(--font-size-xs)}.power-watts{color:hsl(var(--muted-foreground))}.interval-zone{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-align:center;min-width:60px}.zone-1{background:rgba(38,98,217,.2);color:#c4b5fd;border:1px solid rgba(38,98,217,.3)}.zone-2{background:rgba(46,184,138,.2);color:#2eb88a;border:1px solid rgba(46,184,138,.3)}.zone-4{background:rgba(232,140,48,.2);color:#e88c30;border:1px solid rgba(232,140,48,.3)}.section-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,rgba(168,85,247,.4),rgba(236,72,153,.4),rgba(59,130,246,.4));color:#fff;border:1px solid rgba(192,132,252,.5);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-4);backdrop-filter:blur(10px);box-shadow:0 0 15px rgba(168,85,247,.3),0 2px 8px rgba(168,85,247,.2)}.section-title{font-size:var(--font-size-4xl);font-weight:800;color:hsl(var(--foreground));margin-bottom:var(--space-4);text-align:center}@media (min-width:1024px){.section-title{font-size:var(--font-size-5xl)}}.section-description{font-size:var(--font-size-xl);color:hsl(var(--muted-foreground));text-align:center;max-width:600px;margin:0 auto var(--space-16)}.features{padding:var(--space-32) 0!important;background:linear-gradient(135deg,#09090b,rgba(39,39,42,.2) 50%,#09090b)!important}.features-header{text-align:center;margin-bottom:var(--space-20)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--space-8)!important;background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:var(--radius-2xl)!important;transition:all .3s ease!important;backdrop-filter:blur(20px)!important;box-shadow:0 4px 16px rgba(0,0,0,.3)!important}.feature-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.3);background:hsla(0,0%,100%,.08);box-shadow:0 10px 40px rgba(168,85,247,.2),0 20px 60px rgba(168,85,247,.1),0 8px 32px rgba(0,0,0,.4)}.feature-icon{position:relative;background:linear-gradient(135deg,#9333ea,#ec4899,#3b82f6);color:#fff;border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:0 0 20px rgba(168,85,247,.3),0 0 40px rgba(168,85,247,.2),0 0 60px rgba(236,72,153,.1)}.feature-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.6),rgba(236,72,153,.6));border-radius:var(--radius-xl);filter:blur(12px);opacity:.6;z-index:-1}.feature-card h3{font-weight:700;color:hsl(var(--card-foreground));margin-bottom:var(--space-4)}.feature-card p{line-height:1.7}.how-it-works{padding:var(--space-32) 0;background:hsl(var(--muted))}.how-it-works-header{text-align:center;margin-bottom:var(--space-20)}.steps{display:grid;grid-template-columns:1fr;gap:var(--space-12)}@media (min-width:1024px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.step{text-align:center;position:relative}@media (min-width:1024px){.step:not(:last-child):after{content:"";position:absolute;top:32px;right:-50%;width:100%;height:2px;background:hsl(var(--border));z-index:1}}.step-number{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:50%;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-6);position:relative;z-index:2}.step-content h3{font-size:var(--font-size-xl);font-weight:700;color:hsl(var(--foreground));margin-bottom:var(--space-4)}.step-content p{color:hsl(var(--muted-foreground));line-height:1.7}.pricing-preview{padding:var(--space-32) 0;background:linear-gradient(135deg,#09090b,rgba(39,39,42,.3) 50%,#09090b)}.pricing-header{margin-bottom:var(--space-20)}.pricing-cards{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1000px;margin:0 auto;margin-top:var(--space-8);overflow:visible}@media (min-width:1024px){.pricing-cards{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-2xl);overflow:hidden;transition:all .3s ease;position:relative;backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.pricing-card.featured{overflow:visible}.pricing-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.3);background:hsla(0,0%,100%,.08);box-shadow:0 12px 32px rgba(168,85,247,.2)}.pricing-card.featured{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);box-shadow:0 12px 32px rgba(168,85,247,.2);transform:scale(1.05);position:relative;backdrop-filter:blur(20px)}.pricing-card.featured:before{display:none}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-card-wrap{position:relative;display:inline-block;overflow:visible}.popular-badge{position:absolute;left:50%;top:-12px;transform:translateX(-50%);z-index:10;background:linear-gradient(135deg,#9333ea,#ec4899,#3b82f6);color:#fff;padding:6px 16px;border-radius:12px;font:700 12px/1.1 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;box-shadow:0 6px 18px rgba(79,125,252,.35);white-space:nowrap;letter-spacing:.04em}.pricing-card-header{padding:var(--space-8) var(--space-8) var(--space-6);text-align:center}.pricing-card-header h3{font-size:var(--font-size-2xl);font-weight:800;color:hsl(var(--card-foreground));margin-bottom:var(--space-4)}.price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2)}.price-amount{font-size:var(--font-size-5xl);font-weight:800;color:hsl(var(--card-foreground))}.price-period{font-size:var(--font-size-lg);color:hsl(var(--muted-foreground))}.pricing-card-content{padding:0 var(--space-8) var(--space-8)}.features-list{list-style:none;margin-bottom:var(--space-8)}.features-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;color:hsl(var(--muted-foreground))}.features-list svg{color:hsl(var(--primary));flex-shrink:0}.features-bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1200px;margin:0 auto}@media (min-width:768px){.features-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto)}}.feature-card{position:relative;padding:var(--space-6);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-2xl);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:var(--space-4)}.feature-card:hover{transform:translateY(-4px) scale(1.01);background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1);box-shadow:0 20px 40px -10px rgba(0,0,0,.5)}@media (min-width:1024px){.bento-large{grid-row:span 1;display:flex;flex-direction:row;align-items:center}.bento-large,.bento-wide{grid-column:span 2}.bento-large .feature-content{flex:1;z-index:2}.bento-large .feature-visual-bg{flex:1;height:100%;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(168,85,247,.1));position:absolute;right:0;top:0;bottom:0;width:50%;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}}.feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));display:flex;align-items:center;justify-content:center;color:hsl(var(--primary));margin-bottom:var(--space-2)}.feature-card h3{font-size:var(--font-size-xl);font-weight:600;color:hsl(var(--foreground))}.feature-card p{color:hsl(var(--muted-foreground));font-size:var(--font-size-sm);line-height:1.6}.feature-content-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-8);height:100%}@media (min-width:768px){.feature-content-row{flex-direction:row;align-items:center}}.feature-text{flex:1}.feature-mini-chart{flex:1;width:100%;height:120px;display:flex;align-items:flex-end;gap:8px;padding:20px;background:rgba(0,0,0,.2);border-radius:12px}.mini-bar{flex:1;background:linear-gradient(0deg,#3b82f6,#a855f7);border-radius:4px;opacity:.8;transition:height .5s ease}.feature-card:hover .mini-bar{opacity:1;filter:brightness(1.2)}.pricing-card .btn-primary{background:linear-gradient(135deg,#9333ea,#ec4899,#3b82f6);color:#fff;border:none;box-shadow:0 0 20px rgba(168,85,247,.4),0 8px 24px rgba(168,85,247,.3),inset 0 1px 0 hsla(0,0%,100%,.2);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card .btn-primary:hover{background:linear-gradient(135deg,#a855f7,#ec4899,#3b82f6);transform:translateY(-2px);box-shadow:0 0 30px rgba(168,85,247,.5),0 12px 32px rgba(168,85,247,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.pricing-card .btn-secondary{background:linear-gradient(135deg,rgba(100,116,139,.1),rgba(71,85,105,.1));backdrop-filter:blur(10px);color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.05);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card .btn-secondary:hover{background:linear-gradient(135deg,rgba(100,116,139,.15),rgba(71,85,105,.15));border-color:hsl(var(--primary));transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.pricing-card.featured .btn-primary{box-shadow:0 0 30px rgba(168,85,247,.5),0 10px 28px rgba(168,85,247,.35),inset 0 1px 0 hsla(0,0%,100%,.25)}.pricing-card.featured .btn-primary:hover{box-shadow:0 0 40px rgba(168,85,247,.6),0 14px 36px rgba(168,85,247,.45),inset 0 1px 0 hsla(0,0%,100%,.35)}.cta-final{padding:var(--space-32) 0;background:linear-gradient(135deg,rgba(38,98,217,.1),rgba(175,87,219,.1) 50%,rgba(226,54,112,.1));color:hsl(var(--foreground));position:relative;overflow:hidden}.cta-final:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(38,98,217,.05),rgba(175,87,219,.05) 50%,rgba(226,54,112,.05));opacity:.8}.cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content h2{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-6)}@media (min-width:1024px){.cta-content h2{font-size:var(--font-size-5xl)}}.cta-content p{font-size:var(--font-size-xl);margin-bottom:var(--space-8);opacity:.9}.cta-actions{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}@media (min-width:640px){.cta-actions{flex-direction:row}}.cta-final .btn-primary{background:linear-gradient(135deg,#9333ea,#ec4899,#3b82f6);color:#fff;border:none;box-shadow:0 0 20px rgba(168,85,247,.4),0 8px 24px rgba(168,85,247,.3),inset 0 1px 0 hsla(0,0%,100%,.2);font-weight:600;gap:var(--space-2);transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-final .btn-primary:hover{background:linear-gradient(135deg,#a855f7,#ec4899,#3b82f6);transform:translateY(-2px);box-shadow:0 0 30px rgba(168,85,247,.5),0 12px 32px rgba(168,85,247,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.cta-final .btn-secondary{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(168,85,247,.1));backdrop-filter:blur(10px);color:#fff;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-final .btn-secondary:hover{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(168,85,247,.2));border-color:hsla(0,0%,100%,.3);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.footer{background:hsl(var(--background));color:hsl(var(--foreground));padding:var(--space-20) 0 var(--space-8);border-top:1px solid hsl(var(--border))}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--space-12);margin-bottom:var(--space-12)}@media (min-width:640px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}}.footer-brand{max-width:400px}.footer-brand .logo{color:hsl(var(--foreground));margin-bottom:var(--space-4)}.footer-brand p{color:hsl(var(--muted-foreground));line-height:1.7}.footer-column h4{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-4)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--space-3)}.footer-column a{color:#c4b5fd;text-decoration:none;transition:all .2s ease}.footer-column a:hover{color:#fff;text-decoration:underline}.footer-bottom{padding-top:var(--space-8);border-top:1px solid hsl(var(--border));text-align:center;color:hsl(var(--muted-foreground))}.why-traincraft{padding:var(--space-24) var(--space-6);background:hsl(var(--background))}.why-container{max-width:1280px;margin:0 auto}.why-header{text-align:center;margin-bottom:var(--space-16)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.why-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all .3s ease;backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.why-card:hover{border-color:rgba(168,85,247,.3);transform:translateY(-4px);background:hsla(0,0%,100%,.08);box-shadow:0 12px 32px rgba(168,85,247,.2)}.why-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(147,51,234,.2));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.why-icon svg{color:#60a5fa}.why-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-3);color:hsl(var(--foreground))}.why-card p{color:hsl(var(--muted-foreground));line-height:1.7;font-size:var(--font-size-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.feature-card,.hero-content,.hero-visual,.pricing-card,.step{animation:fadeInUp .6s ease-out}.hero-badge{animation:fadeIn .8s ease-out}.features-grid>*{animation:fadeInUp .4s ease-out backwards}.features-grid>:first-child{animation-delay:.05s}.features-grid>:nth-child(2){animation-delay:.1s}.features-grid>:nth-child(3){animation-delay:.15s}.features-grid>:nth-child(4){animation-delay:.2s}.features-grid>:nth-child(5){animation-delay:.25s}.features-grid>:nth-child(6){animation-delay:.3s}.features-grid>:nth-child(n+7){animation-delay:.35s}@media (max-width:640px){.nav-menu{gap:var(--space-4)}.nav-link{display:none}.hero{padding:var(--space-16) 0 var(--space-20)}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-3xl)}.section-description{font-size:var(--font-size-lg)}.cta-final,.features,.how-it-works,.pricing-preview{padding:var(--space-20) 0}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}}@media print{.cta-final,.footer,.navbar{display:none}.hero{background:none;padding:var(--space-8) 0}.hero-title{color:hsl(var(--foreground))}}.page-header{padding:var(--space-24) 0 var(--space-16);background:linear-gradient(135deg,#09090b,rgba(39,39,42,.3) 50%,#09090b);text-align:center}.page-header h1{font-size:var(--font-size-4xl);font-weight:800;color:hsl(var(--foreground));margin-bottom:var(--space-4);background:linear-gradient(135deg,#fafafa,#2662d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:var(--font-size-lg);color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto}.contact-section{padding:var(--space-20) 0;background:hsl(var(--background))}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-16);margin-bottom:var(--space-20)}@media (min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-form-container h2,.contact-info h2{font-size:var(--font-size-2xl);font-weight:700;color:hsl(var(--foreground));margin-bottom:var(--space-8)}.contact-method{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,rgba(39,39,42,.5),rgba(9,9,11,.8));border:1px solid rgba(39,39,42,.3);border-radius:var(--radius-xl);margin-bottom:var(--space-4);backdrop-filter:blur(10px)}.contact-icon{font-size:var(--font-size-2xl);flex-shrink:0}.contact-method h3{font-size:var(--font-size-lg);font-weight:600;color:hsl(var(--foreground));margin-bottom:var(--space-2)}.contact-method p{color:hsl(var(--muted-foreground));margin-bottom:var(--space-2)}.contact-method a{color:#c4b5fd;text-decoration:none;font-weight:500}.contact-method a:hover{text-decoration:underline;color:#c4b5fd}.contact-form-container{background:linear-gradient(135deg,rgba(39,39,42,.5),rgba(9,9,11,.8));border:1px solid rgba(39,39,42,.3);border-radius:var(--radius-xl);padding:var(--space-8);backdrop-filter:blur(10px)}@media (max-width:640px){.contact-form-container{padding:var(--space-5)}}.contact-form{gap:var(--space-6)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:hsl(var(--foreground))}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3) var(--space-4);background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius-md);color:hsl(var(--foreground));font-size:var(--font-size-base);transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#c4b5fd;box-shadow:0 0 0 3px rgba(38,98,217,.1)}.form-group textarea{resize:vertical;min-height:120px}.btn-full{width:100%}.form-note{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));text-align:center;margin-top:var(--space-2)}.support-info{text-align:center;margin-top:var(--space-20)}.support-info h2{font-size:var(--font-size-2xl);font-weight:700;color:hsl(var(--foreground));margin-bottom:var(--space-8)}.support-cards{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:640px){.support-cards{grid-template-columns:repeat(3,1fr)}}.support-card{padding:var(--space-6);background:linear-gradient(135deg,rgba(39,39,42,.5),rgba(9,9,11,.8));border:1px solid rgba(39,39,42,.3);border-radius:var(--radius-xl);backdrop-filter:blur(10px)}.support-card h3{font-size:var(--font-size-lg);font-weight:600;color:hsl(var(--foreground));margin-bottom:var(--space-3)}.support-card p{color:hsl(var(--muted-foreground));line-height:1.6}.support-card a{color:#c4b5fd;text-decoration:none}.support-card a:hover{text-decoration:underline;color:#c4b5fd}.pricing-header{text-align:center;margin-bottom:var(--space-16)}.pricing-header .section-badge{display:inline-block;padding:var(--space-2) var(--space-4);background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.pricing-header .section-title{font-size:var(--font-size-4xl);font-weight:800;color:hsl(var(--foreground));margin-bottom:var(--space-4);line-height:1.2}.pricing-header .section-description{font-size:var(--font-size-lg);color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto;line-height:1.6}.pricing-section{padding:var(--space-20) 0;background:hsl(var(--background))}.pricing-cards-detailed{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-16)}@media (min-width:1024px){.pricing-cards-detailed{grid-template-columns:repeat(3,1fr)}}.pricing-card-detail{padding:var(--space-8);background:linear-gradient(135deg,rgba(39,39,42,.5),rgba(9,9,11,.8));border:1px solid rgba(39,39,42,.3);border-radius:var(--radius-xl);text-align:center;position:relative;backdrop-filter:blur(10px);transition:all .3s ease}@media (max-width:640px){.pricing-card-detail{padding:var(--space-5)}}.pricing-card-detail:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:rgba(38,98,217,.3)}.pricing-card-detail.featured{border:2px solid rgba(38,98,217,.5);background:linear-gradient(135deg,rgba(38,98,217,.1),rgba(175,87,219,.1))}.badge{background:#3b82f6}.badge,.badge-gradient{position:absolute;top:-12px;left:50%;transform:translateX(-50%);color:#fff;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.badge-gradient{background:linear-gradient(135deg,#9333ea,#ec4899,#3b82f6);box-shadow:0 4px 12px rgba(168,85,247,.4)}.pricing-card-detail h3{font-size:var(--font-size-2xl);font-weight:700;color:hsl(var(--foreground));margin-bottom:var(--space-4)}.price{font-size:var(--font-size-4xl);font-weight:800;background:linear-gradient(135deg,#c4b5fd,#f9a8d4,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.price span{font-size:var(--font-size-lg);font-weight:400}.plan-description,.price span{color:hsl(var(--muted-foreground))}.plan-description{margin-bottom:var(--space-8);line-height:1.6}.features-list-detailed{list-style:none;text-align:left;margin-bottom:var(--space-8)}.features-list-detailed li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:hsl(var(--muted-foreground))}.check{color:#2eb88a}.check,.cross{font-weight:600}.cross{color:#7f1d1d}.pricing-info{background:linear-gradient(135deg,rgba(39,39,42,.5),rgba(9,9,11,.8));border:1px solid rgba(39,39,42,.3);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);backdrop-filter:blur(10px)}@media (max-width:640px){.pricing-info{padding:var(--space-5)}}.pricing-info h3{font-size:var(--font-size-xl);font-weight:700;color:hsl(var(--foreground));margin-bottom:var(--space-4)}.pricing-info ul{list-style:none;color:hsl(var(--muted-foreground))}.pricing-info li{padding:var(--space-2) 0;position:relative;padding-left:var(--space-6)}.pricing-info li:before{content:"•";color:#c4b5fd;position:absolute;left:0}.pricing-info a{color:#c4b5fd;text-decoration:none}.pricing-info a:hover{text-decoration:underline;color:#c4b5fd}.faq{margin-top:var(--space-16)}.faq h2{font-size:var(--font-size-2xl);font-weight:700;color:hsl(var(--foreground));text-align:center;margin-bottom:var(--space-8)}.faq-item{background:linear-gradient(135deg,rgba(39,39,42,.5),rgba(9,9,11,.8));border:1px solid rgba(39,39,42,.3);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);backdrop-filter:blur(10px)}.faq-item h4{font-size:var(--font-size-lg);font-weight:600;color:hsl(var(--foreground));margin-bottom:var(--space-3)}.faq-item p{color:hsl(var(--muted-foreground));line-height:1.6}.legal-content{padding:var(--space-20) 0}.legal-text{max-width:800px;margin:0 auto;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-2xl);padding:var(--space-12);backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(0,0,0,.3)}@media (max-width:640px){.legal-text{padding:var(--space-5)}}.legal-text h2{font-size:var(--font-size-2xl);font-weight:700;color:hsl(var(--foreground));margin-top:var(--space-12);margin-bottom:var(--space-4)}.legal-text h2:first-child{margin-top:0}.legal-text h3{font-size:var(--font-size-xl);font-weight:600;color:hsl(var(--foreground));margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-text p{line-height:1.8}.legal-text ol,.legal-text p,.legal-text ul{color:hsl(var(--muted-foreground));margin-bottom:var(--space-6)}.legal-text ol,.legal-text ul{padding-left:var(--space-6)}.legal-text li{margin-bottom:var(--space-2);line-height:1.7}.legal-text a{color:#c4b5fd;text-decoration:underline;text-underline-offset:3px}.legal-text a:hover{color:#fff}.legal-text strong{color:hsl(var(--foreground));font-weight:600}.legal-footer,.refund-summary{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-12);backdrop-filter:blur(10px)}.legal-footer strong,.refund-summary h3{color:hsl(var(--foreground));margin-bottom:var(--space-4)}.summary-box p{margin-bottom:var(--space-3);color:hsl(var(--muted-foreground))}.legal-footer ul{list-style:none;padding-left:0}.legal-footer li{margin-bottom:var(--space-2)}.legal-footer a{color:#c4b5fd;text-decoration:none}.legal-footer a:hover{color:#fff;text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.btn-primary{background-size:200% auto;animation:shimmer 4s linear infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.hero-visual{animation:float 6s ease-in-out infinite}.blog-hero{position:relative;padding:var(--space-24) 0 var(--space-16);background:radial-gradient(circle at 50% 0,hsl(var(--primary)/.05),transparent 70%);overflow:hidden;text-align:center}.blog-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.blog-hero h1{font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-4);background:linear-gradient(135deg,hsl(var(--foreground)) 0,hsl(var(--muted-foreground)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:var(--font-size-xl);color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto}.blog-section{padding:var(--space-12) 0 var(--space-24)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;height:100%;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:hsl(var(--primary)/.2)}.blog-card-image-link{display:block;overflow:hidden}.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:hsl(var(--muted))}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));margin-bottom:var(--space-3);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.blog-card-title-link{text-decoration:none;color:inherit}.blog-card h2{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-3);color:hsl(var(--card-foreground));transition:color .2s ease}.blog-card-title-link:hover h2{color:hsl(var(--primary))}.blog-card p{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:var(--space-6);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid hsl(var(--border))}.blog-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{font-size:11px;padding:4px 8px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all .2s ease}.tag:hover{background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.post-header{padding:var(--space-16) 0 var(--space-12);text-align:center;max-width:800px;margin:0 auto}.post-meta{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));margin-bottom:var(--space-4);font-weight:500}.post-meta,.post-tags-row{display:flex;justify-content:center}.post-tags-row{flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.post-tags-row .tag{font-size:11px;padding:4px 10px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:9999px;font-weight:500;text-decoration:none;transition:all .2s ease}.post-tags-row .tag:hover{background:hsl(var(--primary)/.15);color:hsl(var(--primary))}.post-tags-row .tag-more{opacity:.6}.post-header h1{font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}@media (min-width:768px){.post-header h1{font-size:var(--font-size-5xl)}}.post-description{font-size:var(--font-size-xl);color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:var(--space-8)}.post-author{gap:var(--space-3);margin-bottom:var(--space-8)}.author-avatar,.post-author{display:flex;align-items:center;justify-content:center}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));font-weight:700;color:#fff;font-size:var(--font-size-sm)}.post-cover-image{margin:var(--space-8) auto;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);position:relative;aspect-ratio:16/9;background:hsl(var(--muted))}.post-cover-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-content{max-width:720px;margin:0 auto;padding-bottom:var(--space-24);font-size:1.125rem;line-height:1.8;color:hsl(var(--foreground))}.post-content h2{font-size:var(--font-size-2xl);font-weight:700;margin-top:var(--space-12);margin-bottom:var(--space-6);letter-spacing:-.01em}.post-content h3{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-4)}.post-content p{margin-bottom:var(--space-6)}.post-content ol,.post-content ul{margin-bottom:var(--space-6);padding-left:var(--space-6)}.post-content li{margin-bottom:var(--space-2)}.post-content blockquote{border-left:4px solid hsl(var(--primary));padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:hsl(var(--muted-foreground));font-size:var(--font-size-lg)}.post-content code{background:hsl(var(--muted));padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em;font-family:monospace}.post-content pre{background:hsl(var(--card));padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-8);border:1px solid hsl(var(--border))}.post-content pre code{background:none;padding:0;color:hsl(var(--card-foreground))}.post-content a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:2px}.post-content a:hover{color:hsl(var(--primary)/.8)}.post-content img{border-radius:var(--radius-xl);margin:var(--space-8) 0;width:100%}.callout{padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-8) 0;border:1px solid transparent}.callout-tip{background:var(--emerald-500) /.1;border-color:var(--emerald-500) /.2;color:var(--emerald-100)}.callout-warning{background:rgba(234,179,8,.1);border-color:rgba(234,179,8,.2);color:#fef08a}.callout-info{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#bfdbfe}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9em}.prose thead{border-bottom:2px solid hsl(var(--border))}.prose th{background-color:hsl(var(--muted)/.5);color:hsl(var(--foreground));font-weight:600;text-align:left}.prose td,.prose th{padding:.75rem 1rem;border:1px solid hsl(var(--border))}.prose td{color:hsl(var(--muted-foreground))}.prose tr:nth-child(2n){background-color:hsl(var(--muted)/.2)}.prose tr:hover{background-color:hsl(var(--muted)/.4)}.prose ul{list-style-type:disc;padding-left:2rem;margin:1.5rem 0}.prose li{margin-bottom:.75rem;padding-left:.5rem}.prose li::marker{color:hsl(var(--primary))}