@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--canvas-base: #F2EFFD;--rainbow-1: #372CE9;--rainbow-2: #902207;--rainbow-3: #15447F;--rainbow-4: #250A54;--rainbow-5: #313137;--orb-purple: linear-gradient(135deg, #C4B5FD 0%, #A78BFA 100%);--orb-orange: linear-gradient(135deg, #FDBA74 0%, #FB923C 100%);--orb-blue: linear-gradient(135deg, #93C5FD 0%, #60A5FA 100%);--dot-color: rgba(150, 150, 150, .15);--glass-bg: rgba(255, 255, 255, .45);--glass-bg-hover: rgba(255, 255, 255, .65);--glass-border: rgba(200, 200, 200, .35);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--accent: #D9751A;--accent-hover: #A45711}[data-theme=dark]{--canvas-base: #021127;--rainbow-1: #918ef6;--rainbow-2: #fc5b45;--rainbow-3: #cad7fb;--rainbow-4: #d1c6f9;--rainbow-5: #fed7d4;--orb-purple: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%);--orb-orange: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--orb-blue: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--dot-color: rgba(255, 255, 255, .06);--glass-bg: rgba(2, 17, 39, .55);--glass-bg-hover: rgba(2, 17, 39, .75);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--text-primary: #f0f0f5;--text-secondary: #a0a0b5}.rainbow-color-1{color:var(--rainbow-1)}.rainbow-color-2{color:var(--rainbow-2)}.rainbow-color-3{color:var(--rainbow-3)}.rainbow-color-4{color:var(--rainbow-4)}.rainbow-color-5{color:var(--rainbow-5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--canvas-base);color:var(--text-primary);overflow-x:hidden;transition:background .4s ease,color .4s ease}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid var(--glass-border)}[data-theme=dark] .navbar{background:#0211274d}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;text-decoration:none}.logo-svg{height:40px;width:auto;transition:transform .3s ease}.logo-svg:hover{transform:scale(1.05)}[data-theme=dark] .logo-svg{filter:brightness(1.2)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.02em;transition:color .3s ease}[data-theme=dark] .nav-links a{color:#d1c6f9}.nav-links a:hover{color:var(--accent)}.nav-links a.active{color:var(--accent);font-weight:600}.cta-button{background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:background .3s ease,transform .2s ease}.cta-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.theme-toggle-wrapper{margin-left:1rem}.toggle-switch{width:60px;height:30px;border-radius:15px;position:relative;cursor:pointer;overflow:hidden;transition:all .4s ease}.toggle-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#87ceeb,#e0f7fa);transition:all .4s ease}.toggle-switch.active .toggle-background{background:linear-gradient(180deg,#1a1a2e,#2d2d44)}.toggle-knob{position:absolute;width:24px;height:24px;background:linear-gradient(135deg,gold,orange);border-radius:50%;top:3px;left:3px;transition:all .4s ease;box-shadow:0 0 10px #ffa50080}.toggle-switch.active .toggle-knob{left:33px;background:linear-gradient(135deg,#f0f0f0,#d0d0d0);box-shadow:0 0 10px #ffffff4d}.crater{position:absolute;background:#9696964d;border-radius:50%;opacity:0;transition:opacity .4s ease}.toggle-switch.active .crater{opacity:1}.crater-1{width:6px;height:6px;top:4px;left:8px}.crater-2{width:4px;height:4px;top:12px;left:4px}.crater-3{width:5px;height:5px;top:14px;left:12px}.scenery{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .4s ease}.day-scenery{opacity:1}.night-scenery,.toggle-switch.active .day-scenery{opacity:0}.toggle-switch.active .night-scenery{opacity:1}.cloud{position:absolute;background:#fff;border-radius:10px;opacity:.8}.cloud-1{width:15px;height:5px;top:8px;left:35px}.cloud-2{width:10px;height:4px;top:15px;left:40px}.cloud-3{width:12px;height:4px;top:20px;left:32px}.star{position:absolute;color:#fff;font-size:6px}.star-1{top:6px;left:8px}.star-2{top:12px;left:18px}.star-3{top:20px;left:10px}.hero{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--canvas-base);transition:background .4s ease}.orbs-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;animation:morph 15s ease-in-out infinite}.orb-purple{width:45vw;height:45vw;background:var(--orb-purple);top:-10%;left:-10%;animation-delay:0s}.orb-orange{width:55vw;height:55vw;background:var(--orb-orange);top:20%;left:30%;animation-delay:-5s}.orb-blue{width:40vw;height:40vw;background:var(--orb-blue);bottom:-15%;right:-10%;animation-delay:-10s}.frosted-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}.hero-content.main-content{position:relative;z-index:3;width:100%;max-width:900px;padding:0 2rem;display:flex;align-items:center;justify-content:center;text-align:center}.hero-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hero-badge{position:relative;display:inline-block;padding:.75rem 1.5rem;background:transparent;color:#333;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:0;transform:rotate(-2deg);margin-top:1rem;margin-bottom:.5rem;z-index:10;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.hero-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#cad7fb;opacity:1;clip-path:polygon(0% 0%,5% 2%,10% 0%,15% 3%,20% 0%,25% 2%,30% 0%,35% 3%,40% 0%,45% 2%,50% 0%,55% 3%,60% 0%,65% 2%,70% 0%,75% 3%,80% 0%,85% 2%,90% 0%,95% 3%,100% 0%,100% 0%,98% 5%,100% 10%,97% 15%,100% 20%,98% 25%,100% 30%,97% 35%,100% 40%,98% 45%,100% 50%,97% 55%,100% 60%,98% 65%,100% 70%,97% 75%,100% 80%,98% 85%,100% 90%,97% 95%,100% 100%,100% 100%,95% 98%,90% 100%,85% 97%,80% 100%,75% 98%,70% 100%,65% 97%,60% 100%,55% 98%,50% 100%,45% 97%,40% 100%,35% 98%,30% 100%,25% 97%,20% 100%,15% 98%,10% 100%,5% 97%,0% 100%,0% 100%,2% 95%,0% 90%,3% 85%,0% 80%,2% 75%,0% 70%,3% 65%,0% 60%,2% 55%,0% 50%,3% 45%,0% 40%,2% 35%,0% 30%,3% 25%,0% 20%,2% 15%,0% 10%,3% 5%,0% 0%);mask:none;-webkit-mask:none}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.hero-badge:after{mask:none;-webkit-mask:none;border:1px dashed var(--text-secondary)}}.hero-badge:before{content:"";position:absolute;top:-8px;right:-8px;transform:rotate(45deg);width:36px;height:12px;background-color:#082549;z-index:11;-webkit-mask-image:linear-gradient(to right,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to right,transparent 5%,black 15%,black 85%,transparent 95%);box-shadow:-271px 47px #082549}@font-face{font-family:TheHandwrittenFont;src:url(/assets/THEHANDWRITTENFONT-DEMOVERSION-B1apk4JM.otf) format("opentype"),url(/assets/THEHANDWRITTENFONT-DEMOVERSION-DELo0n3N.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MyKidsHandwritten;src:url(/assets/My%20Kids%20Handwritten-C5nEZAZW.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Quikhand;src:url(/assets/Quikhand-DNDPT1nD.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:VTKSNoise;src:url(/assets/vtks%20noise-6f4u-Nz4.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ChristmasCandyInline;src:url(/assets/ChristmasCandy-Inline-xPGcTfTM.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Shooting Star;src:url(/assets/Shooting%20Star-Q351k4Zm.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Gladolia DEMO;src:url(/assets/gladolia-demo.regular-jiLcCXm5.otf) format("opentype");font-weight:400;font-style:normal}.hero-headline{font-family:MyKidsHandwritten,sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:400;letter-spacing:.02em;line-height:1.1;color:#09054d;max-width:100%;margin:0}.highlight-bold{font-family:Quikhand,sans-serif;color:#fc5b45;text-transform:uppercase;position:relative;z-index:1;display:inline-block}.highlight-bold:before{content:"";position:absolute;bottom:5px;left:-5%;width:110%;height:.35em;background-color:#372ce9;z-index:-1;transform:rotate(-2deg);clip-path:polygon(0% 10%,5% 0%,15% 12%,25% 0%,35% 10%,45% 0%,55% 12%,65% 0%,75% 10%,85% 0%,95% 12%,100% 0%,100% 90%,95% 100%,85% 92%,75% 100%,65% 90%,55% 100%,45% 92%,35% 100%,25% 85%,15% 100%,5% 90%,0% 100%);opacity:.9}.highlight-ambitious{font-family:ChristmasCandyInline,sans-serif;color:#902207;text-transform:uppercase;position:relative}.highlight-ambitious:after{content:"|";display:inline-block;margin-left:2px;color:#333;font-weight:100;animation:cursorBlink 1s step-end infinite}.highlight-dot{color:#372ce9;font-family:MyKidsHandwritten,sans-serif}[data-theme=dark] .hero-headline{color:#fff}[data-theme=dark] .highlight-bold{color:#ff8a75}[data-theme=dark] .highlight-ambitious{color:#ff6b4a}.hero-subheadline{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:#15447f;max-width:45ch;margin-bottom:2rem}[data-theme=dark] .hero-subheadline{color:#d1c6f9}.hero-tag-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;width:-moz-fit-content;width:fit-content;margin-inline:auto}.hero-tag{font-family:VTKSNoise,sans-serif;font-size:1.5rem;font-weight:500;color:#902207;text-transform:none;letter-spacing:.02em;padding-bottom:.25rem}[data-theme=dark] .hero-tag{color:#fed7d4}.underline-svg{width:100%;max-width:200px;height:12px;margin-top:4px;color:var(--accent)}.underline-path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawUnderline 1.2s ease-out 1.5s forwards}@keyframes drawUnderline{to{stroke-dashoffset:0}}.anim-item{opacity:0;transform:translateY(25px);animation:fadeInUp .7s ease-out forwards}.anim-item:nth-child(1){animation-delay:.1s}.anim-item:nth-child(2){animation-delay:.25s}.anim-item:nth-child(3){animation-delay:.4s}.anim-item:nth-child(4){animation-delay:.55s}.anim-item:nth-child(5){animation-delay:.7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.anim-item{animation:none;opacity:1;transform:none}.underline-path{animation:none;stroke-dashoffset:0}}.hero-ctas{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.btn-primary,.btn-secondary{padding:1.25rem 2.5rem;border-radius:50px;font-weight:700;font-size:.9rem;letter-spacing:.05em;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--accent);color:#fff;border:2px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #d9751a4d}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--text-primary);opacity:.8}.btn-secondary:hover{background:var(--text-primary);color:var(--canvas-base);opacity:1;transform:translateY(-3px)}@media (max-width: 900px){.nav-links{display:none}}@media (max-width: 600px){.navbar{padding:1rem}.hero-ctas{flex-direction:column;width:100%;max-width:300px}.btn-primary,.btn-secondary{width:100%}.cta-button{padding:.6rem 1rem;font-size:.75rem}}.content-section{position:relative;min-height:80vh;width:100%;padding:8rem 2rem 6rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--canvas-base);transition:background .4s ease}.section-content{position:relative;z-index:3;width:100%;max-width:1200px;margin:0 auto}h2{font-family:Gladolia DEMO,Inter,sans-serif}.section-headline{font-family:Gladolia DEMO,Inter,sans-serif;font-size:clamp(1.92rem,8vw,3.36rem);font-weight:400;color:var(--text-primary);text-align:center;margin-bottom:1.5rem;line-height:1.2}#services .section-headline,#portfolio .section-headline{font-family:Gladolia DEMO,Inter,sans-serif;font-size:clamp(1.92rem,8vw,3.36rem);font-weight:400}.typing-char{display:inline-block}.typing-cursor{display:inline-block;color:var(--text-primary);font-weight:100;margin-left:2px;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.section-subheadline{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);text-align:center;max-width:700px;margin:0 auto 4rem;line-height:1.6}#services .services-header-card{position:absolute;top:-8rem;left:0;background-color:#902207;padding:6rem 2rem 7rem;margin-bottom:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 10px),98% calc(100% - 12px),100% calc(100% - 8px),95% calc(100% - 15px),100% calc(100% - 5px),92% 100%,88% calc(100% - 10px),85% 100%,82% calc(100% - 12px),78% 100%,75% calc(100% - 8px),72% 100%,68% calc(100% - 14px),65% 100%,62% calc(100% - 9px),58% 100%,55% calc(100% - 13px),52% 100%,48% calc(100% - 7px),45% 100%,42% calc(100% - 11px),38% 100%,35% calc(100% - 15px),32% 100%,28% calc(100% - 9px),25% 100%,22% calc(100% - 12px),18% 100%,15% calc(100% - 8px),12% 100%,8% calc(100% - 14px),5% 100%,2% calc(100% - 10px),0% 100%);z-index:1}.services-header-card:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:10px;background-color:#fc5b45;clip-path:polygon(0% 0%,98% 20%,100% 40%,95% 60%,100% 50%,92% 100%,88% 0%,85% 100%,82% 20%,78% 100%,75% 40%,72% 100%,68% 60%,65% 100%,62% 10%,58% 100%,55% 30%,52% 100%,48% 30%,45% 100%,42% 10%,38% 100%,35% 50%,32% 100%,28% 20%,25% 100%,22% 40%,18% 100%,15% 20%,12% 100%,8% 60%,5% 100%,2% 0%,0% 50%);z-index:0}.services-header-card .section-headline{margin-bottom:1.5rem;position:relative;z-index:2;margin-top:0;color:#bcbafa}.services-header-card .section-subheadline{margin-bottom:0;position:relative;z-index:2;margin-top:0;color:#fed7d4}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:3rem;align-items:center}.service-card{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;transition:transform .3s ease}.service-card:hover{transform:scale(1.05) rotate(-2deg);filter:drop-shadow(0 15px 30px rgba(0,0,0,.15))}.brush-bg-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.brush-svg{width:115%;height:115%;fill:currentColor;opacity:.9;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.card-content{position:relative;z-index:1;width:100%;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.service-card h3{font-family:MyKidsHandwritten,Inter,sans-serif;font-size:2rem;font-weight:400;margin-bottom:.5rem;line-height:1.1;transform:rotate(-2deg)}.service-card p{display:block;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.4;margin-bottom:1rem;max-width:90%;font-weight:500;color:#e7e6fd}.card-link{font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;text-decoration:none;background:#fff3;padding:.4rem 1rem;border-radius:20px;transition:background .3s ease}.card-link:hover{background:#fff6}.theme-purple,.theme-purple .brush-svg{color:var(--rainbow-1)}.theme-purple h3,.theme-purple .card-link{color:#fff}.theme-orange,.theme-orange .brush-svg{color:var(--rainbow-2)}.theme-orange h3,.theme-orange .card-link{color:#fff}.theme-blue,.theme-blue .brush-svg{color:var(--rainbow-3)}.theme-blue h3,.theme-blue .card-link{color:#fff}[data-theme=dark] .theme-purple .brush-svg{color:var(--rainbow-1)}[data-theme=dark] .theme-purple h3,[data-theme=dark] .theme-purple .card-link{color:#1a1a2e}[data-theme=dark] .theme-purple .card-link{background:#0000001a}[data-theme=dark] .theme-orange .brush-svg{color:var(--rainbow-2)}[data-theme=dark] .theme-orange h3,[data-theme=dark] .theme-orange .card-link{color:#1a1a2e}[data-theme=dark] .theme-blue .brush-svg{color:var(--rainbow-3)}[data-theme=dark] .theme-blue h3,[data-theme=dark] .theme-blue .card-link{color:#1a1a2e}.portfolio-filters{display:inline-flex;justify-content:center;align-items:center;gap:0;margin-bottom:3rem;flex-wrap:wrap;background:#b4b4b466;border-radius:12px;padding:.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;position:relative}[data-theme=dark] .portfolio-filters{background:#ffffff26}.filter-btn{padding:.625rem 1.25rem;background:transparent;border:none;border-radius:8px;color:#000;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}[data-theme=dark] .filter-btn{color:#a0a0b5}.filter-btn:hover{color:var(--text-primary)}[data-theme=dark] .filter-btn:hover{color:#f0f0f5}.filter-slider{position:absolute;background:var(--text-primary);border-radius:8px;height:calc(100% - 1rem);top:.5rem;left:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}[data-theme=dark] .filter-slider{background:#2d2d2d}.filter-btn{position:relative;z-index:1}.filter-btn.active{background:transparent;color:#fff;font-weight:600}[data-theme=dark] .filter-btn.active{background:transparent;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.portfolio-item{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--glass-shadow);transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-image-placeholder{width:100%;height:250px;background:var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.portfolio-item h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);padding:1.5rem 1.5rem .5rem}.portfolio-type{color:var(--accent);font-weight:600;font-size:.9rem;padding:0 1.5rem;margin-bottom:.5rem}.portfolio-results{color:var(--text-secondary);line-height:1.6;padding:0 1.5rem 1.5rem}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.about-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;box-shadow:var(--glass-shadow)}.about-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.about-card p{color:var(--text-secondary);line-height:1.6}.process-list{list-style:none;padding:0;margin-top:1rem}.process-list li{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.75rem}.process-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}.services-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:3rem}.package-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;box-shadow:var(--glass-shadow);transition:transform .3s ease,box-shadow .3s ease}.package-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.story-card:hover{transform:none;box-shadow:none}.package-card h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.package-for,.package-outcome{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.package-benefits{list-style:none;padding:0;margin:1.5rem 0}.package-benefits li{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.75rem}.package-benefits li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.package-pricing{font-size:1.25rem;font-weight:700;color:var(--accent);margin:1.5rem 0}.package-card .btn-primary{width:100%;text-align:center;margin-top:1.5rem}.story-card{display:flex;position:relative;overflow:hidden;padding:0;grid-column:1 / -1;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none}.story-card-wrapper{flex:1;display:flex;flex-direction:column;position:relative;min-height:500px;overflow:visible;margin-top:9rem}.story-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:none;margin-top:8rem}.story-header h3{margin-bottom:1rem}.story-character{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;font-size:1rem}.story-outcome{color:var(--text-primary);line-height:1.6;font-weight:500;font-size:1rem}.scroll-progress-indicator{position:absolute;top:0;left:0;right:0;z-index:10;padding:1rem 2.5rem;background:transparent;pointer-events:none}.progress-markers{display:flex;align-items:center;justify-content:center;gap:.5rem}.progress-marker{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease}.marker-dot{width:12px;height:12px;border-radius:50%;background:var(--glass-border);border:2px solid var(--glass-border);transition:all .3s ease}.progress-marker[data-active=true] .marker-dot{width:16px;height:16px;background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #d9751a66}.progress-marker[data-completed=true] .marker-dot{background:var(--accent);border-color:var(--accent)}.marker-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.progress-marker[data-active=true] .marker-label{color:var(--accent);font-weight:700}.progress-line{flex:1;height:2px;background:var(--glass-border);max-width:60px;position:relative;overflow:hidden}.progress-line:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--line-progress, 0%);background:var(--accent);transition:width .3s ease}.progress-marker[data-completed=true]+.progress-line:after{width:100%}.story-beats-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;position:relative;flex:1;width:100%}.story-beats-container::-webkit-scrollbar{display:none}.story-beat{min-width:100%;flex-shrink:0;scroll-snap-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding:3rem 2.5rem;min-height:400px}.story-beat-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a78bfa1a,#60a5fa1a);filter:saturate(var(--beat-saturation, .3));transition:filter 1s ease;z-index:0}.beat-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;mix-blend-mode:multiply}[data-theme=dark] .beat-bg-overlay{background:#ffffff0d;mix-blend-mode:screen}.story-beat-content{position:relative;z-index:1;text-align:center;max-width:600px;width:100%}.beat-icon{font-size:3rem;margin-bottom:1.5rem;opacity:0;transform:scale(.8)}.beat-icons-row{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.beat-icon-step{font-size:2.5rem;opacity:0;transform:scale(.8)}.beat-headline{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;opacity:0;transform:translateY(20px)}.beat-subheadline{font-size:1rem;font-weight:600;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;opacity:0;transform:translateY(10px)}.beat-body{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);opacity:0;transform:translateY(20px)}.beat-progress-container{margin-bottom:2rem}.beat-progress-bar{width:100%;height:8px;background:var(--glass-border);border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.beat-progress-fill{height:100%;width:0%;background:var(--accent);border-radius:4px;transition:width .3s ease}.beat-timeline{display:flex;justify-content:space-around;gap:1rem}.timeline-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px)}.timeline-check{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.timeline-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.beat-mockup{margin-bottom:2rem}.mockup-preview{font-size:4rem;margin-bottom:1rem;opacity:0;transform:scale(.9)}.mockup-icons{display:flex;justify-content:center;gap:1.5rem}.mockup-icon{font-size:2.5rem;opacity:0;transform:scale(.8)}.story-sidebar{width:300px;flex-shrink:0;padding:2.5rem;border-left:none;display:flex;flex-direction:column;justify-content:center;background:transparent;position:sticky;top:0;align-self:flex-start}.story-sidebar .package-pricing{margin-bottom:1.5rem}.story-sidebar .btn-primary{margin-top:0}.story-progress-text{margin-top:1.5rem;text-align:center;font-size:.9rem;color:var(--text-secondary);font-weight:500}.scroll-hint{position:absolute;bottom:1rem;right:calc(300px + 2rem);color:var(--text-secondary);font-size:.85rem;font-weight:500;opacity:.6;pointer-events:none;animation:fadeOut 2s ease-in-out 3s forwards}@keyframes fadeOut{to{opacity:0}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.blog-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;box-shadow:var(--glass-shadow);transition:transform .3s ease}.blog-card:hover{transform:translateY(-5px)}.blog-category{display:inline-block;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.blog-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.blog-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary)}.blog-date,.blog-read-time{font-weight:500}.blog-card:focus{outline:2px solid var(--accent);outline-offset:2px}.section-cta{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;flex-wrap:wrap}@media (max-width: 900px){.content-section{padding:6rem 1.5rem 4rem}.services-grid,.portfolio-grid,.about-content,.services-packages,.blog-grid{grid-template-columns:1fr;gap:1.5rem}.section-cta{flex-direction:column;align-items:center}.section-cta .btn-primary,.section-cta .btn-secondary{width:100%;max-width:300px}.story-card{flex-direction:column}.story-card-wrapper{width:100%}.story-beats-container{width:100%;flex-direction:column;overflow-x:visible;overflow-y:visible;scroll-snap-type:y mandatory}.story-beat{min-width:100%;min-height:350px;scroll-snap-align:start}.story-sidebar{width:100%;border-left:none;border-top:1px solid var(--glass-border);position:relative;padding:2rem}.scroll-progress-indicator{position:relative;background:transparent;padding:1rem 2.5rem .5rem}.progress-markers{flex-wrap:wrap;justify-content:space-between}.progress-line{max-width:100%;flex:1;min-width:20px}.scroll-hint{display:none}}@media (max-width: 600px){.content-section{padding:5rem 1rem 3rem}.service-card,.package-card,.about-card,.blog-card{padding:2rem}.story-header{padding:2rem 1.5rem 1rem}.story-beat{padding:2rem 1.5rem;min-height:300px}.beat-headline{font-size:1.5rem}.beat-body{font-size:1rem}.beat-icon{font-size:2.5rem}.beat-icons-row{gap:1rem}.beat-icon-step{font-size:2rem}.mockup-preview{font-size:3rem}.mockup-icon{font-size:2rem}.progress-markers{gap:.25rem}.marker-label{font-size:.65rem}.story-sidebar{padding:1.5rem}}.blog-listing-header{text-align:center;margin-bottom:3rem}.blog-listing-header .section-headline{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-listing-header .section-subheadline{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.blog-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem;padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius)}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.filter-button{padding:.75rem 1.5rem;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-button:hover{background:var(--glass-bg-hover);color:var(--text-primary);transform:translateY(-2px)}.filter-button.active{background:var(--accent);color:var(--background);border-color:var(--accent)}.filter-button:focus{outline:2px solid var(--accent);outline-offset:2px}.sort-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.sort-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.sort-select{padding:.5rem 1rem;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:all .3s ease}.sort-select:hover{background:var(--glass-bg-hover);border-color:var(--accent)}.sort-select:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius);margin:2rem 0}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.empty-state p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.results-summary{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.results-summary p{color:var(--text-secondary);font-size:.875rem}@media (min-width: 768px){.blog-controls{flex-direction:row;justify-content:space-between;align-items:center}.category-filters{justify-content:flex-start}.sort-controls{justify-content:flex-end}}@media (max-width: 900px){.blog-listing-header .section-headline{font-size:2.5rem}.blog-listing-header .section-subheadline{font-size:1.125rem}.blog-controls{padding:1.5rem}.category-filters{justify-content:center}}@media (max-width: 600px){.blog-listing-header .section-headline{font-size:2rem}.blog-listing-header .section-subheadline{font-size:1rem}.blog-controls{padding:1rem;gap:1rem}.filter-button{padding:.5rem 1rem;font-size:.8rem}.sort-controls{flex-direction:column;gap:.5rem}.empty-state{padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}}:root{--trail-cursor: hsl(243, 88%, 16%);--trail-color-1: hsl(214, 90%, 59%);--trail-color-2: hsl(262, 76%, 54%);--trail-color-3: hsl(4, 96%, 79%);--trail-z-index: 9999}.mouse-trail-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--trail-z-index);overflow:hidden}.mouse-cursor{position:absolute;border-radius:50%;background-color:var(--trail-cursor);pointer-events:none;will-change:transform;box-shadow:0 0 10px #02112766}.trail-element{position:absolute;border-radius:50%;pointer-events:none;will-change:transform}.trail-element[data-index="0"]{background-color:var(--trail-color-1);box-shadow:0 0 10px #388af580}.trail-element[data-index="1"]{background-color:var(--trail-color-2);box-shadow:0 0 8px #7231e366}.trail-element[data-index="2"]{background-color:var(--trail-color-3);box-shadow:0 0 6px #fd9d9666}.mouse-cursor,.trail-element{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.mouse-trail-container{display:none!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 150 30% 98%;--foreground: 150 40% 10%;--card: 150 25% 95%;--card-foreground: 150 40% 10%;--popover: 150 30% 98%;--popover-foreground: 150 40% 10%;--primary: 152 45% 25%;--primary-foreground: 150 30% 98%;--secondary: 145 35% 88%;--secondary-foreground: 150 40% 15%;--muted: 145 20% 92%;--muted-foreground: 150 15% 45%;--accent: 85 55% 50%;--accent-foreground: 150 40% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 145 25% 85%;--input: 145 25% 85%;--ring: 152 45% 25%;--radius: .75rem;--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif;--forest-dark: 152 45% 18%;--forest-mid: 145 40% 35%;--forest-light: 140 35% 55%;--sage: 135 30% 75%;--mint: 130 35% 88%;--cyan-dark: 195 70% 20%;--cyan-mid: 195 65% 38%;--cyan-light: 190 60% 55%;--sky: 185 55% 72%;--ice: 180 50% 88%;--emerald-dark: 160 65% 18%;--emerald-mid: 155 58% 35%;--emerald-light: 150 52% 52%;--teal: 145 45% 70%;--seafoam: 140 40% 88%;--card1-beat-1-start: 152 45% 22%;--card1-beat-1-end: 145 38% 35%;--card1-beat-2-start: 145 38% 35%;--card1-beat-2-end: 140 35% 50%;--card1-beat-3-start: 140 35% 50%;--card1-beat-3-end: 135 32% 65%;--card1-beat-4-start: 135 32% 65%;--card1-beat-4-end: 130 30% 80%;--card2-beat-1-start: 195 70% 20%;--card2-beat-1-end: 195 62% 35%;--card2-beat-2-start: 195 62% 35%;--card2-beat-2-end: 190 55% 48%;--card2-beat-3-start: 190 55% 48%;--card2-beat-3-end: 185 50% 62%;--card2-beat-4-start: 185 50% 62%;--card2-beat-4-end: 180 45% 78%;--card3-beat-1-start: 160 65% 18%;--card3-beat-1-end: 155 55% 32%;--card3-beat-2-start: 155 55% 32%;--card3-beat-2-end: 150 50% 45%;--card3-beat-3-start: 150 50% 45%;--card3-beat-3-end: 145 45% 60%;--card3-beat-4-start: 145 45% 60%;--card3-beat-4-end: 140 40% 76%;--beat-1-start: 152 45% 22%;--beat-1-end: 145 38% 35%;--beat-2-start: 145 38% 35%;--beat-2-end: 140 35% 50%;--beat-3-start: 140 35% 50%;--beat-3-end: 135 32% 65%;--beat-4-start: 135 32% 65%;--beat-4-end: 130 30% 80%;--shadow-soft: 0 4px 20px -4px hsl(152 45% 25% / .15);--shadow-medium: 0 8px 30px -6px hsl(152 45% 25% / .25);--shadow-glow: 0 0 40px hsl(85 55% 50% / .3);--sidebar-background: 150 30% 98%;--sidebar-foreground: 150 40% 15%;--sidebar-primary: 152 45% 25%;--sidebar-primary-foreground: 150 30% 98%;--sidebar-accent: 145 35% 88%;--sidebar-accent-foreground: 150 40% 15%;--sidebar-border: 145 25% 85%;--sidebar-ring: 152 45% 25%}.dark{--background: 152 35% 8%;--foreground: 145 25% 92%;--card: 152 30% 12%;--card-foreground: 145 25% 92%;--popover: 152 30% 12%;--popover-foreground: 145 25% 92%;--primary: 140 40% 65%;--primary-foreground: 152 35% 8%;--secondary: 150 25% 18%;--secondary-foreground: 145 25% 92%;--muted: 150 20% 15%;--muted-foreground: 145 15% 60%;--accent: 85 50% 55%;--accent-foreground: 152 35% 8%;--destructive: 0 62.8% 50%;--destructive-foreground: 145 25% 92%;--border: 150 25% 20%;--input: 150 25% 20%;--ring: 140 40% 65%;--sidebar-background: 152 30% 10%;--sidebar-foreground: 145 25% 92%;--sidebar-primary: 140 40% 65%;--sidebar-primary-foreground: 152 35% 8%;--sidebar-accent: 150 25% 18%;--sidebar-accent-foreground: 145 25% 92%;--sidebar-border: 150 25% 20%;--sidebar-ring: 140 40% 65%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.beat-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}@media (min-width: 1024px){.beat-card{padding:3rem}}.progress-marker{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.progress-marker-circle.active{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform .3s ease-out,box-shadow .3s ease-out}.progress-marker-circle.completed{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform .3s ease-out,background-color .3s ease-out,border-color .3s ease-out}.progress-marker-circle.pending{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:transparent;transition:transform .3s ease-out,border-color .3s ease-out}.progress-marker-label.active{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-weight:600;transition:color .3s ease-out,transform .3s ease-out,font-weight .3s ease-out}.progress-marker-label.completed{font-weight:500;transition:color .3s ease-out}.progress-marker-label.pending{font-weight:400;transition:color .3s ease-out}.wave-divider{pointer-events:none;position:absolute;left:0;right:0;height:6rem}.scroll-hint{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;border-radius:9999px;background-color:hsl(var(--primary) / .9);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:hsl(var(--primary-foreground));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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);--tw-backdrop-blur: blur(4px);-webkit-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);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:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-1{bottom:-.25rem}.-bottom-4{bottom:-1rem}.-right-4{right:-1rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-16{top:4rem}.top-2{top:.5rem}.top-\[125px\]{top:125px}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[70vh\]{height:70vh}.h-auto{height:auto}.h-full{height:100%}.max-h-screen{max-height:100vh}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[100vw\]{width:100vw}.w-full{width:100%}.min-w-\[100vw\]{min-width:100vw}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-4>: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)))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-background\/20{border-color:hsl(var(--background) / .2)}.border-border\/30{border-color:hsl(var(--border) / .3)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-destructive{border-color:hsl(var(--destructive))}.border-input{border-color:hsl(var(--input))}.border-muted-foreground\/40{border-color:hsl(var(--muted-foreground) / .4)}.border-primary-foreground{border-color:hsl(var(--primary-foreground))}.border-primary-foreground\/50{border-color:hsl(var(--primary-foreground) / .5)}.border-primary\/80{border-color:hsl(var(--primary) / .8)}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-background\/10{background-color:hsl(var(--background) / .1)}.bg-background\/15{background-color:hsl(var(--background) / .15)}.bg-background\/20{background-color:hsl(var(--background) / .2)}.bg-background\/30{background-color:hsl(var(--background) / .3)}.bg-background\/80{background-color:hsl(var(--background) / .8)}.bg-background\/90{background-color:hsl(var(--background) / .9)}.bg-background\/95{background-color:hsl(var(--background) / .95)}.bg-cyan-mid{background-color:hsl(var(--cyan-mid))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-mid{background-color:hsl(var(--emerald-mid))}.bg-forest-mid{background-color:hsl(var(--forest-mid))}.bg-muted-foreground\/20{background-color:hsl(var(--muted-foreground) / .2)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary-foreground\/20{background-color:hsl(var(--primary-foreground) / .2)}.bg-primary-foreground\/30{background-color:hsl(var(--primary-foreground) / .3)}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-24{padding-bottom:6rem}.pb-6{padding-bottom:1.5rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.font-display{font-family:var(--font-display),serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-cyan-dark{color:hsl(var(--cyan-dark))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-dark{color:hsl(var(--emerald-dark))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-forest-dark{color:hsl(var(--forest-dark))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/50{color:hsl(var(--muted-foreground) / .5)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-foreground\/50{color:hsl(var(--primary-foreground) / .5)}.text-primary-foreground\/60{color:hsl(var(--primary-foreground) / .6)}.text-primary-foreground\/70{color:hsl(var(--primary-foreground) / .7)}.text-primary-foreground\/80{color:hsl(var(--primary-foreground) / .8)}.text-primary-foreground\/90{color:hsl(var(--primary-foreground) / .9)}.text-primary\/70{color:hsl(var(--primary) / .7)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:hsl(var(--foreground))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-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);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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-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);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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in,.fade-in-0{--tw-enter-opacity: 0}.fade-out{--tw-exit-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.font-display{font-family:var(--font-display)}.text-balance{text-wrap:balance}.card1-beat-1{background:linear-gradient(135deg,hsl(var(--card1-beat-1-start)),hsl(var(--card1-beat-1-end)))}.card1-beat-2{background:linear-gradient(135deg,hsl(var(--card1-beat-2-start)),hsl(var(--card1-beat-2-end)))}.card1-beat-1>div.max-w-2xl,.card1-beat-2>div.max-w-2xl,.card1-beat-3>div.max-w-2xl,.card1-beat-4>div.max-w-2xl{max-width:29.4rem!important;transform:scale(.7);transform-origin:center}.card1-beat-3{background:linear-gradient(135deg,hsl(var(--card1-beat-3-start)),hsl(var(--card1-beat-3-end)))}.card1-beat-4{background:linear-gradient(135deg,hsl(var(--card1-beat-4-start)),hsl(var(--card1-beat-4-end)))}.card2-beat-1{background:linear-gradient(135deg,hsl(var(--card2-beat-1-start)),hsl(var(--card2-beat-1-end)))}.card2-beat-2{background:linear-gradient(135deg,hsl(var(--card2-beat-2-start)),hsl(var(--card2-beat-2-end)));min-width:80vw!important;width:80vw!important;min-height:80vh!important}.card2-beat-3{background:linear-gradient(135deg,hsl(var(--card2-beat-3-start)),hsl(var(--card2-beat-3-end)))}.card2-beat-4{background:linear-gradient(135deg,hsl(var(--card2-beat-4-start)),hsl(var(--card2-beat-4-end)))}.card3-beat-1{background:linear-gradient(135deg,hsl(var(--card3-beat-1-start)),hsl(var(--card3-beat-1-end)))}.card3-beat-2{background:linear-gradient(135deg,hsl(var(--card3-beat-2-start)),hsl(var(--card3-beat-2-end)))}.card3-beat-3{background:linear-gradient(135deg,hsl(var(--card3-beat-3-start)),hsl(var(--card3-beat-3-end)))}.card3-beat-4{background:linear-gradient(135deg,hsl(var(--card3-beat-4-start)),hsl(var(--card3-beat-4-end)))}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0) rotate(0) scale(1)}25%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(2%,3%) rotate(3deg) scale(1.02)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:translate(5%,5%) rotate(5deg) scale(1.05)}75%{border-radius:50% 40% 50% 60%/35% 45% 55% 65%;transform:translate(3%,2%) rotate(2deg) scale(1.03)}}.beat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;background-image:radial-gradient(circle at -10% -10%,rgba(196,181,253,.7) 0%,rgba(167,139,250,.7) 50%,transparent 70%),radial-gradient(circle at 30% 20%,rgba(253,186,116,.7) 0%,rgba(251,146,60,.7) 50%,transparent 70%),radial-gradient(circle at 110% 115%,rgba(147,197,253,.7) 0%,rgba(96,165,250,.7) 50%,transparent 70%);background-size:45vw 45vw,55vw 55vw,40vw 40vw;background-repeat:no-repeat;filter:blur(80px);opacity:.7;animation:morph 15s ease-in-out infinite}[data-theme=dark] .beat-card:before{background-image:radial-gradient(circle at -10% -10%,rgba(139,92,246,.7) 0%,rgba(109,40,217,.7) 50%,transparent 70%),radial-gradient(circle at 30% 20%,rgba(249,115,22,.7) 0%,rgba(234,88,12,.7) 50%,transparent 70%),radial-gradient(circle at 110% 115%,rgba(59,130,246,.7) 0%,rgba(37,99,235,.7) 50%,transparent 70%)}.beat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:radial-gradient(circle,rgba(150,150,150,.15) 1px,transparent 1px);background-size:12px 12px}[data-theme=dark] .beat-card:after{background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px)}.beat-card>div{position:relative;z-index:3}.blog-post-page{min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground));padding-top:80px}.blog-post-main{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-post-article{margin-bottom:4rem}.blog-post-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;text-align:center}.loading-fallback p{color:hsl(var(--muted-foreground));font-size:1rem}.spinner{width:40px;height:40px;border:3px solid hsl(var(--muted));border-top:3px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-post-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem}.blog-post-error h1{font-size:2rem;font-weight:700;color:hsl(var(--destructive));margin-bottom:1rem}.blog-post-error p{color:hsl(var(--muted-foreground));margin-bottom:.5rem}.back-to-blog-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.back-to-blog-button:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.blog-header{margin-bottom:3rem}.blog-category-badge{margin-bottom:1rem}.category-text{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.blog-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:hsl(var(--foreground))}.blog-meta{display:flex;align-items:center;gap:.75rem;color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:2rem}.blog-separator{color:hsl(var(--muted-foreground) / .5)}.blog-author,.blog-date,.blog-read-time{font-weight:500}.blog-featured-image{margin-bottom:2rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-medium)}.featured-image{width:100%;height:auto;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;display:block}.blog-content{line-height:1.7;font-size:1.125rem}.blog-content-markdown,.blog-content-html{max-width:none}.blog-content-paragraph{margin-bottom:1.5rem;color:hsl(var(--foreground))}.blog-content-h1,.blog-content-h2,.blog-content-h3,.blog-content-h4,.blog-content-h5,.blog-content-h6{font-family:var(--font-display);font-weight:600;line-height:1.3;margin-top:2.5rem;margin-bottom:1rem;color:hsl(var(--foreground))}.blog-content-h1{font-size:2rem}.blog-content-h2{font-size:1.75rem}.blog-content-h3{font-size:1.5rem}.blog-content-h4{font-size:1.25rem}.blog-content-h5,.blog-content-h6{font-size:1.125rem}.blog-content-list,.blog-content-ordered-list{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content-list-item{margin-bottom:.5rem;color:hsl(var(--foreground))}.blog-content-blockquote{border-left:4px solid hsl(var(--primary));padding-left:1.5rem;margin:2rem 0;font-style:italic;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3);padding:1.5rem;border-radius:var(--radius)}.blog-content-link{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.blog-content-link:hover{color:hsl(var(--primary) / .8)}.blog-inline-code{background:hsl(var(--muted));color:hsl(var(--foreground));padding:.25rem .5rem;border-radius:.25rem;font-size:.875em;font-family:Courier New,monospace}.blog-code-block{display:block;background:hsl(var(--muted));color:hsl(var(--foreground));padding:1rem;border-radius:var(--radius);font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;margin:1.5rem 0}.blog-content-image{max-width:100%;height:auto;border-radius:var(--radius);margin:2rem 0;box-shadow:var(--shadow-soft)}.blog-content-error h3{color:hsl(var(--destructive));margin-bottom:1rem}.blog-content-raw pre{background:hsl(var(--muted));padding:1rem;border-radius:var(--radius);overflow-x:auto;font-size:.75rem;margin-top:.5rem}.blog-footer{border-top:1px solid hsl(var(--border));padding-top:3rem;margin-top:4rem}.blog-footer-navigation{margin-bottom:3rem}.back-to-blog-link{color:hsl(var(--primary));text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:color .2s ease}.back-to-blog-link:hover{color:hsl(var(--primary) / .8)}.blog-footer-sharing{margin-bottom:3rem}.sharing-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--foreground))}.sharing-buttons{display:flex;gap:1rem;flex-wrap:wrap}.share-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));text-decoration:none;font-weight:500;cursor:pointer;transition:all .2s ease}.share-button:hover{background:hsl(var(--muted));transform:translateY(-1px)}.share-icon{font-size:1.125rem}.blog-footer-related{margin-bottom:3rem}.related-posts-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:hsl(var(--foreground))}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.blog-footer-cta{background:hsl(var(--muted) / .3);border-radius:var(--radius);padding:3rem 2rem;text-align:center;margin-bottom:3rem}.cta-content{max-width:500px;margin:0 auto}.cta-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:hsl(var(--foreground))}.cta-description{color:hsl(var(--muted-foreground));margin-bottom:2rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:500;text-decoration:none;transition:all .2s ease;display:inline-block}.cta-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.cta-primary:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.cta-secondary{background:transparent;color:hsl(var(--primary));border:1px solid hsl(var(--primary))}.cta-secondary:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.blog-footer-newsletter{background:hsl(var(--card));border-radius:var(--radius);padding:2rem;text-align:center}.newsletter-content{max-width:400px;margin:0 auto}.newsletter-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:hsl(var(--foreground))}.newsletter-description{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-size:.875rem}.newsletter-form{display:flex;flex-direction:column;gap:1rem}.newsletter-input-group{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem}.newsletter-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}.newsletter-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.75rem 1rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.newsletter-button:hover{background:hsl(var(--primary) / .9)}@media (max-width: 768px){.blog-post-main{padding:1rem}.blog-title{font-size:2rem}.blog-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-content{font-size:1rem}.blog-content-h1{font-size:1.75rem}.blog-content-h2{font-size:1.5rem}.blog-content-h3{font-size:1.25rem}.sharing-buttons{justify-content:center}.cta-buttons{flex-direction:column;align-items:center}.newsletter-input-group{flex-direction:column}.related-posts-grid{grid-template-columns:1fr}}@media (max-width: 480px){.blog-post-page{padding-top:60px}.blog-title{font-size:1.75rem}.blog-footer-cta{padding:2rem 1rem}.cta-title{font-size:1.5rem}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-spinner-small .spinner{width:24px;height:24px;border-width:2px}.loading-spinner-medium .spinner{width:40px;height:40px;border-width:3px}.loading-spinner-large .spinner{width:56px;height:56px;border-width:4px}.loading-message{color:hsl(var(--muted-foreground));font-size:1rem;font-weight:500;margin:0}.route-loading-fallback{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:2rem}.route-loading-content{text-align:center}.error-boundary-fallback{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:2rem;background:hsl(var(--background))}.error-boundary-content{max-width:500px;text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:3rem 2rem;box-shadow:var(--shadow-soft)}.error-boundary-content h2{color:hsl(var(--destructive));font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-boundary-content p{color:hsl(var(--muted-foreground));margin-bottom:2rem;line-height:1.6}.error-boundary-refresh-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.error-boundary-refresh-button:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.error-boundary-details{margin-top:2rem;text-align:left}.error-boundary-details summary{cursor:pointer;color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:1rem}.error-boundary-stack{background:hsl(var(--muted));padding:1rem;border-radius:var(--radius);font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;color:hsl(var(--foreground))}.blog-post-error-boundary{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:2rem}.blog-post-error-content{max-width:600px;text-align:center;background:hsl(var(--card));border:1px solid hsl(var(--destructive) / .3);border-radius:var(--radius);padding:3rem 2rem;box-shadow:var(--shadow-soft)}.blog-post-error-content h1{color:hsl(var(--destructive));font-size:1.75rem;font-weight:700;margin-bottom:1rem}.blog-post-error-content p{color:hsl(var(--muted-foreground));margin-bottom:2rem;line-height:1.6}.blog-post-error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.blog-error-retry-button,.blog-error-back-button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.blog-error-retry-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.blog-error-retry-button:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.blog-error-back-button{background:transparent;color:hsl(var(--primary));border:1px solid hsl(var(--primary))}.blog-error-back-button:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.blog-error-details{margin-top:2rem;text-align:left}.blog-error-details summary{cursor:pointer;color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:1rem}.blog-error-stack{background:hsl(var(--muted));padding:1rem;border-radius:var(--radius);font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;color:hsl(var(--foreground))}.blog-content-error{background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .3);border-radius:var(--radius);padding:2rem;text-align:center;margin:2rem 0}.blog-content-error-icon{font-size:2rem;margin-bottom:1rem}.blog-content-error h3{color:hsl(var(--destructive));margin-bottom:1rem;font-size:1.25rem;font-weight:600}.blog-content-error p{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;line-height:1.6}.blog-content-error-actions{margin-bottom:1.5rem}.blog-content-retry-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.5rem 1rem;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.blog-content-retry-button:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}.blog-content-raw{margin-top:1rem;text-align:left}.blog-content-raw summary{cursor:pointer;color:hsl(var(--muted-foreground));font-size:.875rem}.blog-content-raw-text{background:hsl(var(--muted));padding:1rem;border-radius:var(--radius);overflow-x:auto;font-size:.75rem;margin-top:.5rem;font-family:Courier New,monospace;line-height:1.4;white-space:pre-wrap}.safe-image{transition:opacity .3s ease}.safe-image.loading{opacity:.7}.safe-image.loaded{opacity:1}.safe-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsl(var(--muted) / .5);border:2px dashed hsl(var(--border));border-radius:var(--radius);padding:2rem;text-align:center;min-height:200px}.placeholder-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6}.placeholder-text{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.safe-image-gradient{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--accent) / .1));border-radius:var(--radius);padding:2rem;text-align:center;min-height:200px;position:relative;overflow:hidden}.gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 25%,hsl(var(--primary) / .05) 25%,hsl(var(--primary) / .05) 50%,transparent 50%,transparent 75%,hsl(var(--primary) / .05) 75%);background-size:20px 20px}.gradient-text{position:relative;z-index:1;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.blog-card-skeleton{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;animation:pulse 2s ease-in-out infinite}.skeleton-category{width:80px;height:20px;background:hsl(var(--muted));border-radius:4px;margin-bottom:1rem}.skeleton-title{width:100%;height:24px;background:hsl(var(--muted));border-radius:4px;margin-bottom:.5rem}.skeleton-title-short{width:70%;height:24px;background:hsl(var(--muted));border-radius:4px;margin-bottom:1rem}.skeleton-description{width:100%;height:16px;background:hsl(var(--muted));border-radius:4px;margin-bottom:.5rem}.skeleton-description-short{width:60%;height:16px;background:hsl(var(--muted));border-radius:4px;margin-bottom:1.5rem}.skeleton-meta{display:flex;gap:1rem}.skeleton-meta-item{width:80px;height:14px;background:hsl(var(--muted));border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.blog-card-image{margin-bottom:1rem;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9}.card-featured-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card:hover .card-featured-image{transform:scale(1.05)}.blog-card-content{flex:1}@media (max-width: 768px){.blog-post-error-actions,.blog-content-error-actions{flex-direction:column;align-items:center}.safe-image-placeholder,.safe-image-gradient{min-height:150px;padding:1.5rem}.placeholder-icon{font-size:1.5rem}}@media (max-width: 480px){.error-boundary-content,.blog-post-error-content{padding:2rem 1rem}.safe-image-placeholder,.safe-image-gradient{min-height:120px;padding:1rem}}.last\:pb-0:last-child{padding-bottom:0}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-primary-foreground\/90:hover{background-color:hsl(var(--primary-foreground) / .9)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}@media (min-width: 640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:flex-col{flex-direction:column}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:w-24{width:6rem}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width: 1024px){.lg\:right-\[320px\]{right:320px}.lg\:mr-\[280px\]{margin-right:280px}.lg\:flex{display:flex}.lg\:w-32{width:8rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}