@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--spacing: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--neutral-900);background-color:var(--neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}.nav{background-image:url(/Screenshot_20251027_005157_Gallery.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--neutral-200);padding:calc(var(--spacing) * 1.5) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000,0 2px 4px -1px #0000;transition:transform .3s ease,box-shadow .3s ease;transform:translateY(0)}.nav.scrolled{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.nav.nav-hidden{transform:translateY(-100%);box-shadow:none}.nav-container{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing) * .4)}.nav-row{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-row.secondary{justify-content:center;position:relative}.logo{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;margin:0;animation:logoDropDown 1.2s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(-100px);letter-spacing:-.3px;position:absolute;left:0;right:0;text-align:center;background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoDropDown 1.2s cubic-bezier(.34,1.56,.64,1) forwards,gradientFlow 3s ease-in-out infinite}@keyframes logoDropDown{0%{opacity:0;transform:translateY(-100px) scale(.8)}60%{opacity:1;transform:translateY(10px) scale(1.1)}80%{transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientFlow{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav-links{display:flex;flex-direction:row;gap:calc(var(--spacing) * 1);align-items:center;flex-wrap:wrap}.nav-links.primary{gap:calc(var(--spacing) * 1.5)}.nav-links.secondary{gap:calc(var(--spacing) * .75)}.nav-links a,.nav-links button{animation:navItemSlideIn .6s cubic-bezier(.34,1.56,.64,1) backwards;font-weight:800;text-shadow:0 0 1px currentColor;display:flex;align-items:center;justify-content:center;text-align:center}.nav-links a:nth-child(1),.nav-links button:nth-child(1){animation-delay:.1s}.nav-links a:nth-child(2),.nav-links button:nth-child(2){animation-delay:.2s}.nav-links a:nth-child(3),.nav-links button:nth-child(3){animation-delay:.3s}.nav-links a:nth-child(4),.nav-links button:nth-child(4){animation-delay:.4s}.nav-links a:nth-child(5),.nav-links button:nth-child(5){animation-delay:.5s}.nav-links a:nth-child(6),.nav-links button:nth-child(6){animation-delay:.6s}@keyframes navItemSlideIn{0%{opacity:0;transform:translate(30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.nav-link{font-weight:800;padding:calc(var(--spacing) * 1.25) calc(var(--spacing) * 2);border-radius:calc(var(--spacing) * 1);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;font-size:15px;white-space:nowrap;background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite;text-shadow:0 0 1px currentColor}.nav-links a:hover,.nav-links button:hover{transform:translateY(-3px) scale(1.05);color:var(--primary);filter:brightness(1.1)}.nav-link:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:var(--primary);transition:transform .3s ease}.nav-link:hover:after{transform:translate(-50%) scaleX(1)}.nav-link:hover{color:var(--primary);background:var(--neutral-50);transform:translateY(-2px)}.btn-primary,.btn-secondary,.btn-large{border:none;padding:calc(var(--spacing) * 1.25) calc(var(--spacing) * 2.5);border-radius:calc(var(--spacing) * 1);font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);font-family:Inter,sans-serif;font-size:15px;white-space:nowrap;position:relative;overflow:hidden;transform-origin:center}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%) scale(0);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover:before{width:300px;height:300px;transform:translate(-50%,-50%) scale(1)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-3px) scale(1.05) rotate(-1deg);box-shadow:0 10px 25px #2563eb80}.btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:#fff;color:var(--neutral-700);border:1px solid var(--neutral-300)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-400);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #64748b33}.btn-secondary:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px #64748b26}.btn-large{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);font-size:16px}.video-page-cta{position:relative;animation:floatPulse 3s ease-in-out infinite;box-shadow:0 4px 15px #00b8d966;transition:all .3s ease}.video-page-cta:hover{animation:shake .5s ease-in-out;box-shadow:0 6px 25px #00b8d999}@keyframes floatPulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 4px 15px #00b8d966}50%{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 25px #00b8d999}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.btn-full{width:100%}.btn-primary:disabled,.btn-secondary:disabled{opacity:.7;animation:buttonPulse 1.5s ease-in-out infinite;cursor:not-allowed;transform:none}.btn-primary.generating{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 50%,var(--primary) 100%);background-size:200% 100%;animation:buttonShimmer 2s ease-in-out infinite,buttonPulse 1.5s ease-in-out infinite}.landing{min-height:100vh;display:flex;flex-direction:column}.hero-video-link{margin:calc(var(--spacing) * 2) 0}.hero-video-embed{margin:calc(var(--spacing) * 4) 0;width:100%;max-width:800px;animation:videoFadeIn 1.2s ease-out .4s forwards;opacity:0}@keyframes videoFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:calc(var(--spacing) * 2);box-shadow:0 20px 60px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.video-embed-container:hover{transform:translateY(-4px);box-shadow:0 25px 70px #0006}.video-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(var(--spacing) * 2)}.video-link-button{display:inline-block;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);background:var(--primary);color:#fff;text-decoration:none;border-radius:calc(var(--spacing) * .5);font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d}.video-link-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(var(--spacing) * 2)}.video-container-direct{max-width:1200px;margin:0 auto;position:relative;border-radius:calc(var(--spacing) * 2);box-shadow:0 20px 60px #2563eb80;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-container-direct:hover{transform:scale(1.02);box-shadow:0 25px 70px #2563eb99}.video-link{display:block;position:relative;width:100%;cursor:pointer}.video-thumbnail{width:100%;height:auto;display:block;border-radius:calc(var(--spacing) * 2)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.video-link:hover .play-button{transform:translate(-50%,-50%) scale(1.15)}.video-container-html5{max-width:1200px;margin:0 auto;position:relative;border-radius:calc(var(--spacing) * 2);box-shadow:0 20px 60px #2563eb80;overflow:hidden}.hero-video-element{width:100%;height:auto;display:block;border-radius:calc(var(--spacing) * 2)}.hero-video-section{padding:calc(var(--spacing) * 3) 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.commercial-info-text{font-size:1rem;color:#000;text-align:center;max-width:700px;margin:0 auto calc(var(--spacing) * 3) auto;line-height:1.6;padding:calc(var(--spacing) * 2);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:calc(var(--spacing) * 1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-section-title-link{text-decoration:none;cursor:pointer;padding:calc(var(--spacing) * .8) calc(var(--spacing) * 2.5);border-radius:calc(var(--spacing) * .75);background:linear-gradient(135deg,#3b82f626,#9333ea26);border:2px solid rgba(59,130,246,.4);transition:all .4s cubic-bezier(.4,0,.2,1);animation:pulse-glow 2s ease-in-out infinite,float 3s ease-in-out infinite,breath 4s ease-in-out infinite;position:relative;overflow:hidden;margin-bottom:calc(var(--spacing) * 2);display:inline-block;perspective:1000px}.video-section-title-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 2.5s infinite;z-index:2}.video-section-title-link:after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--spacing) * .75);padding:2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#3b82f6);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-rotate 3s linear infinite;opacity:0;transition:opacity .4s ease}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #3b82f680,0 0 30px #3b82f64d,inset 0 0 10px #3b82f633;border-color:#3b82f666}50%{box-shadow:0 0 25px #3b82f6b3,0 0 50px #3b82f666,inset 0 0 15px #3b82f64d;border-color:#3b82f699}}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@keyframes float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-8px) rotateX(2deg)}}@keyframes breath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes gradient-rotate{0%{background-position:0% 50%}to{background-position:400% 50%}}@keyframes wiggle{0%,to{rotate:0deg}10%{rotate:-3deg}20%{rotate:3deg}30%{rotate:-3deg}40%{rotate:3deg}50%{rotate:0deg}}@keyframes bounce-in{0%{transform:translateY(-6px) scale(1.05)}50%{transform:translateY(-10px) scale(1.08)}to{transform:translateY(-6px) scale(1.05)}}.video-section-title-link:hover{transform:translateY(-6px) scale(1.05) rotateX(5deg);background:linear-gradient(135deg,#3b82f640,#9333ea40);border-color:#3b82f6cc;box-shadow:0 0 40px #3b82f6cc,0 0 80px #3b82f680,0 15px 30px #0000004d;animation:pulse-glow 1.5s ease-in-out infinite,float 3s ease-in-out infinite,wiggle .6s ease-in-out infinite,bounce-in .3s ease-in-out}.video-section-title-link:hover:after{opacity:1}.video-section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;text-align:center;transition:all .3s ease;position:relative;z-index:3;animation:text-glow 2s ease-in-out infinite;letter-spacing:.5px}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(59,130,246,.4),0 0 20px rgba(59,130,246,.2)}50%{text-shadow:0 0 20px rgba(59,130,246,.6),0 0 30px rgba(59,130,246,.4)}}.video-section-title-link:hover .video-section-title{color:var(--primary);transform:scale(1.1);text-shadow:0 0 30px rgba(59,130,246,.9),0 0 40px rgba(59,130,246,.6);animation:text-glow 1s ease-in-out infinite}.video-container-compact{max-width:700px;width:100%;margin:0 auto;position:relative;border-radius:calc(var(--spacing) * 1.5);box-shadow:0 10px 30px #2563eb4d;overflow:hidden}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 10) calc(var(--spacing) * 3);background:#000}.hero-content{max-width:800px;text-align:center}.wizard-container{display:flex;justify-content:center;margin-bottom:calc(var(--spacing) * 4);perspective:1200px}.wizard-photo-wrapper{position:relative;width:320px;height:500px;animation:wizardMove 6s ease-in-out infinite,wizardFloat 3s ease-in-out infinite,wizardTilt 4s ease-in-out infinite;transform-style:preserve-3d;background-color:#000;border-radius:16px;overflow:hidden}.wizard-photo-wrapper:before,.wizard-photo-wrapper:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#60a5facc;border-right-color:#3b82f699;animation:tornadoSpin 2s linear infinite;transform-origin:center center;pointer-events:none;box-shadow:0 0 30px #60a5fa99,0 0 60px #3b82f666,inset 0 0 30px #60a5fa4d}.wizard-photo-wrapper:before{width:120%;height:120%;animation:tornadoSpin 2s linear infinite,tornadoExpand 3s ease-in-out infinite,lightningBolt 1.5s ease-in-out infinite;border-top-color:#60a5fab3;border-right-color:#93c5fd80;box-shadow:0 0 40px #60a5facc,0 0 80px #3b82f680,inset 0 0 40px #60a5fa66}.wizard-photo-wrapper:after{width:140%;height:140%;animation:tornadoSpin 3s linear infinite reverse,tornadoExpand 3s ease-in-out infinite .5s,lightningBolt 1.5s ease-in-out infinite .75s;border-top-color:#93c5fd99;border-left-color:#60a5fa66;box-shadow:0 0 50px #93c5fd99,0 0 100px #60a5fa4d,inset 0 0 50px #93c5fd4d}@keyframes lightningBolt{0%,90%,to{opacity:.6;filter:brightness(1)}92%,96%{opacity:1;filter:brightness(1.5)}94%,98%{opacity:.8;filter:brightness(1.2)}}@keyframes tornadoSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes tornadoExpand{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.magic-particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(96,165,250,1) 0%,rgba(59,130,246,.6) 50%,transparent 100%);border-radius:50%;pointer-events:none;z-index:10;filter:blur(1px)}.magic-particle-1{top:10%;left:20%;animation:particleFloat 4s ease-in-out infinite,particleGlow 2s ease-in-out infinite}.magic-particle-2{top:30%;right:15%;animation:particleFloat 5s ease-in-out infinite .5s,particleGlow 2.5s ease-in-out infinite .3s}.magic-particle-3{bottom:25%;left:10%;animation:particleFloat 4.5s ease-in-out infinite 1s,particleGlow 2.2s ease-in-out infinite .6s}.magic-particle-4{top:60%;right:25%;animation:particleFloat 3.8s ease-in-out infinite 1.5s,particleGlow 2.8s ease-in-out infinite .9s}.magic-particle-5{bottom:40%;left:30%;animation:particleFloat 4.2s ease-in-out infinite 2s,particleGlow 2.3s ease-in-out infinite 1.2s}.magic-particle-6{top:45%;right:5%;animation:particleFloat 3.5s ease-in-out infinite 2.5s,particleGlow 2.6s ease-in-out infinite 1.5s}.magic-particle-7{top:20%;left:50%;animation:particleSpiral 5s linear infinite,particleGlow 2s ease-in-out infinite}.magic-particle-8{bottom:15%;right:40%;animation:particleSpiral 4s linear infinite 1s,particleGlow 2.4s ease-in-out infinite .8s}@keyframes particleFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.2)}50%{transform:translate(-15px,-50px) scale(.8)}75%{transform:translate(-25px,-20px) scale(1.1)}}@keyframes particleGlow{0%,to{opacity:.4;box-shadow:0 0 10px #60a5fa66}50%{opacity:1;box-shadow:0 0 20px #60a5facc}}@keyframes particleSpiral{0%{transform:rotate(0) translate(40px) rotate(0)}to{transform:rotate(360deg) translate(40px) rotate(-360deg)}}.energy-wave{position:absolute;top:50%;left:50%;width:60%;height:60%;border:2px solid transparent;border-radius:50%;pointer-events:none;z-index:5}.energy-wave-1{border-color:#3b82f666;animation:energyPulse 2.5s ease-out infinite}.energy-wave-2{border-color:#60a5fa4d;animation:energyPulse 2.5s ease-out infinite .8s}.energy-wave-3{border-color:#93c5fd33;animation:energyPulse 2.5s ease-out infinite 1.6s}@keyframes energyPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.spell-burst{position:absolute;width:30px;height:30px;background:radial-gradient(circle,rgba(96,165,250,.9) 0%,rgba(59,130,246,.4) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:15;filter:blur(2px)}.spell-burst-1{top:25%;right:10%;animation:spellBurst 3s ease-out infinite}.spell-burst-2{top:40%;left:15%;animation:spellBurst 3s ease-out infinite 1s}.spell-burst-3{bottom:30%;right:20%;animation:spellBurst 3s ease-out infinite 2s}@keyframes spellBurst{0%{transform:scale(0) rotate(0);opacity:0}10%{transform:scale(.3) rotate(45deg);opacity:1}40%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(3) rotate(360deg);opacity:0}}.staff-glow{position:absolute;top:15%;right:25%;width:60px;height:80px;background:radial-gradient(ellipse,rgba(96,165,250,.6) 0%,rgba(59,130,246,.3) 40%,transparent 70%);pointer-events:none;z-index:8;filter:blur(8px);animation:staffGlow 2s ease-in-out infinite,staffMove 4s ease-in-out infinite;border-radius:50%}@keyframes staffGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes staffMove{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px,-15px) rotate(-10deg)}50%{transform:translate(5px,-5px) rotate(5deg)}75%{transform:translate(-5px,10px) rotate(-5deg)}}@keyframes wizardMove{0%,to{transform:translate(0) translateY(0) rotateY(0) rotate(0) scale(1)}15%{transform:translate(-30px) translateY(-15px) rotateY(-10deg) rotate(-3deg) scale(1.03)}30%{transform:translate(-20px) translateY(5px) rotateY(-5deg) rotate(2deg) scale(1)}45%{transform:translate(10px) translateY(-10px) rotateY(3deg) rotate(-2deg) scale(1.02)}60%{transform:translate(25px) translateY(10px) rotateY(8deg) rotate(3deg) scale(1.01)}75%{transform:translate(30px) translateY(-5px) rotateY(12deg) rotate(-1deg) scale(1.03)}90%{transform:translate(10px) translateY(15px) rotateY(5deg) rotate(2deg) scale(1)}}@keyframes wizardFloat{0%,to{transform:translateY(0)}33%{transform:translateY(-20px)}66%{transform:translateY(-10px)}}@keyframes wizardTilt{0%,to{transform:rotateX(0) rotate(0)}25%{transform:rotateX(5deg) rotate(-2deg)}50%{transform:rotateX(-3deg) rotate(3deg)}75%{transform:rotateX(4deg) rotate(-1deg)}}.wizard-photo{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:lighten;filter:drop-shadow(0 20px 60px rgba(96,165,250,.6)) drop-shadow(0 0 40px rgba(59,130,246,.4));animation:photoGlow 3s ease-in-out infinite}@keyframes photoGlow{0%,to{filter:drop-shadow(0 20px 60px rgba(96,165,250,.6)) drop-shadow(0 0 40px rgba(59,130,246,.4)) brightness(1)}50%{filter:drop-shadow(0 20px 80px rgba(96,165,250,.8)) drop-shadow(0 0 60px rgba(59,130,246,.6)) brightness(1.1)}}.hero-title{font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:800;line-height:1.1;color:#0f172a;margin-bottom:calc(var(--spacing) * 3);letter-spacing:-2px;animation:heroTitleFloat 2s ease-in-out infinite,heroTitleGlow 3s ease-in-out infinite}@keyframes heroTitleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes heroTitleGlow{0%,to{text-shadow:0 0 20px rgba(96,165,250,.5),0 0 40px rgba(59,130,246,.3)}50%{text-shadow:0 0 30px rgba(96,165,250,.8),0 0 60px rgba(59,130,246,.5),0 0 80px rgba(147,197,253,.3)}}.hero-subtitle{font-size:22px;font-weight:500;color:#1e293b;margin-bottom:calc(var(--spacing) * 5);line-height:1.6;animation:subtitleFadeIn 1.5s ease-out .3s forwards;opacity:0}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:calc(var(--spacing) * 2);justify-content:center;flex-wrap:wrap;animation:buttonsFadeIn 1.8s ease-out .6s forwards;opacity:0}@keyframes buttonsFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features{padding:calc(var(--spacing) * 12) calc(var(--spacing) * 3);background:#fff}.section-title{font-family:Space Grotesk,sans-serif;text-align:center;font-size:48px;font-weight:700;margin-bottom:calc(var(--spacing) * 8);color:var(--neutral-900);letter-spacing:-1px}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing) * 4)}.features-grid .feature-card:nth-child(1){animation:featureSlideIn .6s ease-out .1s both}.features-grid .feature-card:nth-child(2){animation:featureSlideIn .6s ease-out .3s both}.features-grid .feature-card:nth-child(3){animation:featureSlideIn .6s ease-out .5s both}@keyframes featureSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.feature-card{padding:calc(var(--spacing) * 4);background:var(--neutral-50);border-radius:calc(var(--spacing) * 2);text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .6s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026;background:#fff}.feature-icon{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;margin:0 auto calc(var(--spacing) * 3);transition:all .4s ease;box-shadow:0 4px 12px #2563eb4d}.feature-card:hover .feature-icon{transform:rotate(360deg) scale(1.1);box-shadow:0 8px 24px #2563eb80}.feature-card h3{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;margin-bottom:calc(var(--spacing) * 2);color:var(--neutral-900);letter-spacing:-.5px;transition:color .3s ease}.feature-card:hover h3{color:var(--primary)}.feature-card p{color:var(--neutral-600);line-height:1.6}.footer{background:var(--neutral-900);color:var(--neutral-400);padding:calc(var(--spacing) * 6) calc(var(--spacing) * 3);text-align:center}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);padding:calc(var(--spacing) * 3)}.auth-container{width:100%;max-width:440px;text-align:center}.auth-logo{display:inline-block;text-align:center;font-size:32px;font-weight:700;color:#fff;margin-bottom:calc(var(--spacing) * 4);font-family:Space Grotesk,sans-serif;letter-spacing:-.5px;position:relative;background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;animation:logoDropDown 1.2s cubic-bezier(.34,1.56,.64,1) forwards,gradientFlow 3s ease-in-out infinite;opacity:0;transform:translateY(-100px);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);border:3px solid rgba(255,255,255,.3);border-radius:calc(var(--spacing) * 2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.auth-logo:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--spacing) * 2);background:linear-gradient(45deg,#fff9,#00d4ff99,#0f89,#00d4ff99,#fff9);background-size:300% 300%;opacity:0;z-index:-1;animation:borderGlow 3s ease-in-out infinite;transition:opacity .4s ease}.auth-logo:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 48px #00d4ff66,0 0 30px #00ff884d;border-color:#fff9;background-color:#fff3}.auth-logo:hover:before{opacity:1}.auth-logo:active{transform:translateY(-2px) scale(1.02)}.auth-card{background:#fff;padding:calc(var(--spacing) * 5);border-radius:calc(var(--spacing) * 2);box-shadow:0 20px 60px #0000004d}.auth-card h2{font-size:28px;margin-bottom:calc(var(--spacing) * 1);color:var(--neutral-900)}.auth-subtitle{color:var(--neutral-600);margin-bottom:calc(var(--spacing) * 4)}.error-message{background:#fee;color:var(--error);padding:calc(var(--spacing) * 2);border-radius:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * 3);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3)}.form-group{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1);animation:fadeInUp .6s ease-out backwards}.ad-form .form-group:nth-child(1){animation-delay:.1s}.ad-form .form-group:nth-child(2){animation-delay:.2s}.ad-form .form-group:nth-child(3){animation-delay:.3s}.ad-form .form-group:nth-child(4){animation-delay:.4s}.ad-form .form-group:nth-child(5){animation-delay:.5s}.ad-form .form-group:nth-child(6){animation-delay:.6s}.ad-form .form-group:nth-child(7){animation-delay:.7s}.ad-form .form-group:nth-child(8){animation-delay:.8s}.ad-form .form-group:nth-child(9){animation-delay:.9s}.ad-form .form-group:nth-child(10){animation-delay:1s}.form-group label{font-family:Space Grotesk,sans-serif;font-weight:600;color:var(--neutral-700);font-size:14px;letter-spacing:.3px}.form-group input,.form-group textarea,.form-group select{padding:calc(var(--spacing) * 1.5);border:2px solid var(--neutral-300);border-radius:calc(var(--spacing) * 1);font-family:Inter,sans-serif;font-size:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 4px 16px #2563eb26;transform:translateY(-2px) scale(1.01);animation:inputPulse .4s ease-out}.form-group textarea{resize:vertical}.file-input{cursor:pointer}.file-input:disabled{cursor:not-allowed;opacity:.5}.form-helper-text{font-size:12px;color:var(--neutral-500);margin-top:calc(var(--spacing) * .5)}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 2)}.media-preview-item{position:relative;border-radius:calc(var(--spacing) * 1);overflow:hidden;background-color:var(--neutral-100);border:1px solid var(--neutral-300);aspect-ratio:1;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275) backwards;transition:all .3s ease}.media-preview-item:hover{transform:scale(1.05);box-shadow:0 8px 20px #2563eb33;border-color:var(--primary)}.media-preview-item img,.media-preview-item video{width:100%;height:100%;object-fit:cover;display:block}.remove-media-btn{position:absolute;top:calc(var(--spacing) * .5);right:calc(var(--spacing) * .5);background-color:var(--error);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;transition:background-color .2s,transform .2s;z-index:2}.remove-media-btn:hover{background-color:#dc2626;transform:scale(1.1)}.media-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:11px;padding:calc(var(--spacing) * 1) calc(var(--spacing) * .5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-switch{text-align:center;color:var(--neutral-600);margin-top:calc(var(--spacing) * 3);font-size:1rem}.link-button{background:linear-gradient(270deg,#2563eb,#3b82f6,#60a5fa,#3b82f6,#2563eb);background-size:400% 400%;border:none;color:#fff;cursor:pointer;font-weight:700;padding:calc(var(--spacing) * 1.25) calc(var(--spacing) * 2.5);font-size:1.15rem;border-radius:calc(var(--spacing) * 1);transition:all .3s ease;box-shadow:0 4px 15px #2563eb66;animation:blueWave 3s ease infinite,pulseGlow 2s ease-in-out infinite;margin-left:calc(var(--spacing) * 1)}.signup-cta-button{margin-top:calc(var(--spacing) * 2);width:100%;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;animation:pulse-glow 2s ease-in-out infinite}.signup-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.signup-cta-button:active{transform:translateY(0)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #667eea66}50%{box-shadow:0 4px 25px #667eeab3}}@keyframes blueWave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.link-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #2563eb80;background:linear-gradient(135deg,#00d4ff,var(--primary))}@keyframes pulseGlow{0%,to{box-shadow:0 4px 15px #2563eb4d}50%{box-shadow:0 4px 25px #2563eb99}}.dashboard,.create-ad,.pricing-page{min-height:100vh;background:var(--neutral-50)}.dashboard-container,.create-container,.pricing-container{max-width:1200px;margin:0 auto;padding:calc(var(--spacing) * 5) calc(var(--spacing) * 3)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:calc(var(--spacing) * 5);flex-wrap:wrap;gap:calc(var(--spacing) * 3)}.dashboard-header h1{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:700;color:var(--neutral-900);margin-bottom:calc(var(--spacing) * 1);letter-spacing:-1px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-subtitle{color:var(--neutral-600);font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 6)}.stat-card{background:#fff;padding:calc(var(--spacing) * 4);border-radius:calc(var(--spacing) * 2);box-shadow:0 1px 3px #0000001a}.stat-label{color:var(--neutral-600);font-size:14px;margin-bottom:calc(var(--spacing) * 1);font-weight:500}.stat-value{font-size:32px;font-weight:700;color:var(--neutral-900)}.projects-section h2{font-size:28px;margin-bottom:calc(var(--spacing) * 4);color:var(--neutral-900)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:calc(var(--spacing) * 3)}.project-card{background:#fff;padding:calc(var(--spacing) * 4);border-radius:calc(var(--spacing) * 2);box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 2)}.project-header h3{font-size:20px;color:var(--neutral-900);margin:0}.status-badge{padding:calc(var(--spacing) * .5) calc(var(--spacing) * 1.5);border-radius:calc(var(--spacing) * 3);font-size:12px;font-weight:600;text-transform:capitalize}.status-draft{background:var(--neutral-200);color:var(--neutral-700)}.status-generating{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.project-description{color:var(--neutral-600);margin-bottom:calc(var(--spacing) * 2);line-height:1.5}.project-meta{display:flex;justify-content:space-between;font-size:14px;color:var(--neutral-500)}.empty-state,.loading-state{background:#fff;padding:calc(var(--spacing) * 8);border-radius:calc(var(--spacing) * 2);text-align:center}.empty-state h3{font-size:24px;margin-bottom:calc(var(--spacing) * 2);color:var(--neutral-900)}.empty-state p{color:var(--neutral-600);margin-bottom:calc(var(--spacing) * 4)}.create-form-section{max-width:700px;margin:0 auto;animation:fadeInUp .8s ease-out}.create-form-section h1{font-size:36px;color:var(--neutral-900);margin-bottom:calc(var(--spacing) * 2);animation:fadeInDown .6s ease-out}.form-subtitle{color:var(--neutral-600);font-size:18px;margin-bottom:calc(var(--spacing) * 5);animation:fadeIn 1s ease-out}.ad-form{background:#fff;padding:calc(var(--spacing) * 5);border-radius:calc(var(--spacing) * 2);box-shadow:0 1px 3px #0000001a;animation:formSlideIn .6s ease-out}@keyframes formSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes inputPulse{0%{box-shadow:0 4px 16px #2563eb26}50%{box-shadow:0 4px 24px #2563eb4d}to{box-shadow:0 4px 16px #2563eb26}}@keyframes slideInScale{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #2563eb66}50%{transform:scale(1.05);box-shadow:0 0 8px 4px #2563eb33}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes buttonPulse{0%,to{opacity:.7}50%{opacity:.9}}@keyframes buttonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing) * 5);flex-wrap:wrap;gap:calc(var(--spacing) * 3);animation:fadeInDown .6s ease-out}.results-header h1{font-size:36px;color:var(--neutral-900)}.ads-grid{display:grid;gap:calc(var(--spacing) * 4)}.ad-card{background:#fff;padding:calc(var(--spacing) * 5);border-radius:calc(var(--spacing) * 2);box-shadow:0 1px 3px #0000001a;position:relative;animation:slideInScale .6s cubic-bezier(.175,.885,.32,1.275) backwards;transition:all .3s ease}.ad-card:nth-child(1){animation-delay:.1s}.ad-card:nth-child(2){animation-delay:.2s}.ad-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #2563eb33}.ad-type-badge{display:inline-block;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);background:var(--primary);color:#fff;border-radius:calc(var(--spacing) * 1);font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:calc(var(--spacing) * 3);animation:badgePulse 2s ease-in-out infinite}.ad-card h2{font-size:28px;margin-bottom:calc(var(--spacing) * 3);color:var(--neutral-900)}.ad-copy{color:var(--neutral-700);line-height:1.6;margin-bottom:calc(var(--spacing) * 3)}.script-section{background:var(--neutral-50);padding:calc(var(--spacing) * 3);border-radius:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * 3)}.script-section h3{font-size:16px;margin-bottom:calc(var(--spacing) * 2);color:var(--neutral-900)}.script-content{white-space:pre-wrap;font-family:Courier New,monospace;font-size:14px;line-height:1.6;color:var(--neutral-700)}.ad-cta{margin-bottom:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 2);background:var(--neutral-50);border-radius:calc(var(--spacing) * 1);color:var(--neutral-700)}.pricing-header{text-align:center;margin-bottom:calc(var(--spacing) * 8)}.pricing-header h1{font-size:48px;margin-bottom:calc(var(--spacing) * 2);background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite}.pricing-header p{font-size:20px;background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing) * 4);max-width:1400px;margin:0 auto calc(var(--spacing) * 12)}.pricing-card{background:#fff;padding:calc(var(--spacing) * 5);border-radius:calc(var(--spacing) * 2);box-shadow:0 1px 3px #0000001a;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent}.pricing-card:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--spacing) * 2);background:linear-gradient(135deg,var(--primary-light),var(--primary));opacity:0;transition:opacity .4s ease;z-index:-1}.pricing-card:hover:before{opacity:1}.pricing-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 20px 48px #0003;border-color:transparent}.pricing-card.featured{border:2px solid var(--primary);box-shadow:0 8px 24px #2563eb33}.popular-badge{position:absolute;top:calc(var(--spacing) * -2);left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 3);border-radius:calc(var(--spacing) * 3);font-size:12px;font-weight:700;text-transform:uppercase}.plan-name{font-size:28px;font-weight:900;margin-bottom:calc(var(--spacing) * 1.5);background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite}.plan-price{margin-bottom:calc(var(--spacing) * 2.5)}.price{font-size:52px;font-weight:900;background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite}.period{display:inline;margin-left:calc(var(--spacing) * 1);font-size:16px;background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite}.plan-features{list-style:none;margin-bottom:calc(var(--spacing) * 3)}.plan-features li{padding:calc(var(--spacing) * 1) 0;position:relative;padding-left:calc(var(--spacing) * 4);font-weight:700;font-size:17px;background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900;font-size:20px}.pricing-faq{max-width:900px;margin:0 auto}.pricing-faq h2{text-align:center;font-size:36px;margin-bottom:calc(var(--spacing) * 6);background:linear-gradient(90deg,var(--primary) 0%,#00d4ff 25%,#00ff88 50%,#00d4ff 75%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease-in-out infinite}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing) * 4)}.faq-item{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(96,165,250,.3);border-radius:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 4);text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s ease,background .4s ease;position:relative;overflow:hidden;cursor:pointer}.faq-item:after{content:"";position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;transition:background .4s ease}.faq-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#60a5fa66;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:1;pointer-events:none}.faq-item:active:before{width:600px;height:600px}.faq-item>*{position:relative;z-index:2}.faq-item:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #60a5fa80,0 0 40px #3b82f64d;border-color:#60a5facc}.faq-item:hover:after{background:#000000bf}.faq-item:active{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 32px #60a5fab3,0 0 50px #9333ea99;border-color:#9333eae6}.faq-item:active:after{background:#000000b3}.faq-item h3{font-size:22px;font-weight:800;margin-bottom:calc(var(--spacing) * 2);color:#fff}.faq-item p{font-size:17px;font-weight:600;color:#ffffffe6;line-height:1.6}.examples{padding:calc(var(--spacing) * 12) calc(var(--spacing) * 3);background:var(--neutral-50)}.examples-container{max-width:1200px;margin:0 auto}.examples-subtitle{text-align:center;color:var(--neutral-600);font-size:18px;margin-bottom:calc(var(--spacing) * 6)}.carousel{position:relative;display:flex;align-items:center;gap:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 4)}.carousel-content{flex:1;overflow:hidden}.carousel-btn{background:#fff;border:2px solid var(--neutral-300);width:48px;height:48px;border-radius:50%;font-size:28px;color:var(--neutral-700);cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.carousel-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.example-card{background:#fff;padding:calc(var(--spacing) * 6);border-radius:calc(var(--spacing) * 2);box-shadow:0 4px 12px #0000001a;text-align:center;max-width:700px;margin:0 auto;animation:cardSlideIn .5s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.example-badge{display:inline-block;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);background:var(--primary);color:#fff;border-radius:calc(var(--spacing) * 3);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:calc(var(--spacing) * 3)}.example-card h3{font-size:24px;color:var(--neutral-900);margin-bottom:calc(var(--spacing) * 2)}.example-headline{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;color:var(--primary);margin-bottom:calc(var(--spacing) * 3);letter-spacing:-1px}.example-copy{color:var(--neutral-700);line-height:1.6;font-size:16px;margin-bottom:calc(var(--spacing) * 3)}.example-meta{display:flex;justify-content:center;gap:calc(var(--spacing) * 2);color:var(--neutral-500);font-size:14px}.carousel-dots{display:flex;justify-content:center;gap:calc(var(--spacing) * 1.5)}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background:var(--neutral-300);cursor:pointer;transition:all .2s;padding:0}.carousel-dot:hover{background:var(--neutral-400);transform:scale(1.2)}.carousel-dot.active{background:var(--primary);width:32px;border-radius:calc(var(--spacing) * 2)}.pricing-preview{padding:calc(var(--spacing) * 12) calc(var(--spacing) * 3) calc(var(--spacing) * 12);background:#000;position:relative;overflow:visible;width:100%}.pricing-preview:before,.pricing-preview:after{content:"";position:absolute;width:100%;height:100%;pointer-events:none;z-index:1;top:0;left:0}.pricing-preview:before{background:radial-gradient(circle at 15% 25%,rgba(96,165,250,.4) 0%,transparent 35%),radial-gradient(circle at 85% 70%,rgba(59,130,246,.35) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(147,197,253,.25) 0%,transparent 30%);animation:lightningFlash 3s ease-in-out infinite,lightningMove 8s ease-in-out infinite}.pricing-preview:after{background:radial-gradient(circle at 70% 15%,rgba(147,197,253,.35) 0%,transparent 32%),radial-gradient(circle at 30% 85%,rgba(96,165,250,.3) 0%,transparent 38%);animation:lightningFlash 3s ease-in-out infinite 1.5s,lightningMove 8s ease-in-out infinite reverse}.pricing-preview-container{max-width:1200px;margin:0 auto;position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center}.pricing-preview .section-title{color:#fff}.pricing-submit-button-wrapper{text-align:center;margin-bottom:50px;margin-top:30px;position:relative;z-index:9999;padding:30px;background:#ff00001a;width:100%}.pricing-submit-button{font-size:24px!important;padding:22px 55px!important;background:red!important;border:3px solid #FFFFFF!important;box-shadow:0 8px 30px #f00c!important;transition:all .3s ease!important;display:inline-block!important;text-decoration:none!important;position:relative!important;z-index:9999!important;color:#fff!important;font-weight:900!important;border-radius:15px!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:1px!important}.pricing-submit-button:hover{transform:translateY(-3px)!important;box-shadow:0 12px 40px #667eea99!important}.pricing-submit-description{margin-top:20px;color:#fff!important;font-size:18px!important;margin-bottom:0;position:relative;z-index:9999;font-weight:600!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.page-hero-image{display:flex;justify-content:center;align-items:center;padding:calc(var(--spacing) * 8) calc(var(--spacing) * 3);background:#000;animation:pageImageFloat 1s ease-out;position:relative;overflow:hidden;min-height:60vh}.page-hero-image:before,.page-hero-image:after{content:"";position:absolute;width:100%;height:100%;pointer-events:none;z-index:1;top:0;left:0}.page-hero-image:before{background:radial-gradient(circle at 20% 30%,rgba(96,165,250,.5) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(59,130,246,.4) 0%,transparent 45%),radial-gradient(circle at 40% 80%,rgba(147,197,253,.3) 0%,transparent 35%),radial-gradient(circle at 70% 20%,rgba(96,165,250,.35) 0%,transparent 40%);animation:lightningFlash 3s ease-in-out infinite,lightningMove 8s ease-in-out infinite}.page-hero-image:after{background:radial-gradient(circle at 50% 20%,rgba(147,197,253,.4) 0%,transparent 35%),radial-gradient(circle at 60% 80%,rgba(96,165,250,.3) 0%,transparent 40%),radial-gradient(circle at 10% 50%,rgba(59,130,246,.35) 0%,transparent 38%),radial-gradient(circle at 90% 45%,rgba(147,197,253,.3) 0%,transparent 35%);animation:lightningFlash 3s ease-in-out infinite 1.5s,lightningMove 8s ease-in-out infinite reverse}@keyframes lightningFlash{0%,to{opacity:.4}10%{opacity:1}15%{opacity:.5}20%{opacity:.95}25%{opacity:.6}30%{opacity:1}35%{opacity:.4}}@keyframes lightningMove{0%,to{transform:translate(0)}25%{transform:translate(-5%,5%)}50%{transform:translate(3%,-3%)}75%{transform:translate(-3%,2%)}}.pricing-hero-image{display:flex;justify-content:center;align-items:center;margin-bottom:calc(var(--spacing) * 6);animation:pricingImageFloat 1s ease-out;position:relative;min-height:50vh;background:#000;padding:calc(var(--spacing) * 8) calc(var(--spacing) * 3);overflow:hidden}.pricing-hero-image:before,.pricing-hero-image:after{content:"";position:absolute;width:100%;height:100%;pointer-events:none;z-index:1;top:0;left:0}.pricing-hero-image:before{background:radial-gradient(circle at 20% 30%,rgba(96,165,250,.5) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(59,130,246,.4) 0%,transparent 45%),radial-gradient(circle at 40% 80%,rgba(147,197,253,.3) 0%,transparent 35%),radial-gradient(circle at 70% 20%,rgba(96,165,250,.35) 0%,transparent 40%);animation:lightningFlash 3s ease-in-out infinite,lightningMove 8s ease-in-out infinite}.pricing-hero-image:after{background:radial-gradient(circle at 50% 20%,rgba(147,197,253,.4) 0%,transparent 35%),radial-gradient(circle at 60% 80%,rgba(96,165,250,.3) 0%,transparent 40%),radial-gradient(circle at 10% 50%,rgba(59,130,246,.35) 0%,transparent 38%),radial-gradient(circle at 90% 45%,rgba(147,197,253,.3) 0%,transparent 35%);animation:lightningFlash 3s ease-in-out infinite 1.5s,lightningMove 8s ease-in-out infinite reverse}@keyframes lightningPulse{0%,to{transform:scale(.9);opacity:.2}50%{transform:scale(1.2);opacity:.6}}@keyframes pageImageFloat{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.page-wizard-hat{max-width:700px;width:90%;aspect-ratio:16 / 9;height:auto;border-radius:calc(var(--spacing) * 3);filter:drop-shadow(0 20px 60px rgba(37,99,235,.7));animation:pageHatFloat 4s ease-in-out infinite,pageHatGlow 3s ease-in-out infinite;transition:transform .3s ease;position:relative;z-index:2;border:none}@keyframes pageHatFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(-1.5deg)}50%{transform:translateY(-6px) rotate(0)}75%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes pageHatGlow{0%,to{filter:drop-shadow(0 10px 30px rgba(37,99,235,.5))}50%{filter:drop-shadow(0 15px 45px rgba(37,99,235,.7)) drop-shadow(0 0 25px rgba(96,165,250,.5))}}.page-wizard-hat:hover{transform:scale(1.05)}@keyframes pricingImageFloat{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.pricing-wizard-hat{max-width:700px;width:90%;height:auto;border-radius:calc(var(--spacing) * 3);filter:drop-shadow(0 20px 60px rgba(37,99,235,.7));animation:hatFloat 4s ease-in-out infinite,hatGlow 3s ease-in-out infinite;transition:transform .3s ease;position:relative;z-index:2}@keyframes hatFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-2deg)}50%{transform:translateY(-8px) rotate(0)}75%{transform:translateY(-15px) rotate(2deg)}}@keyframes hatGlow{0%,to{filter:drop-shadow(0 10px 30px rgba(37,99,235,.3))}50%{filter:drop-shadow(0 15px 40px rgba(37,99,235,.5)) drop-shadow(0 0 20px rgba(96,165,250,.4))}}.pricing-wizard-hat:hover{transform:scale(1.05)}.pricing-preview .pricing-grid{display:flex;justify-content:center;align-items:stretch;gap:calc(var(--spacing) * 4);max-width:1400px;margin:0 auto;flex-wrap:wrap}.pricing-preview .pricing-card{flex:0 1 340px}.pricing-card{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(96,165,250,.3);border-radius:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s ease,background .4s ease;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;cursor:pointer}.pricing-card:after{content:"";position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;transition:background .4s ease}.pricing-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#60a5fa66;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:1;pointer-events:none}.pricing-card:active:before{width:600px;height:600px}.pricing-card>*{position:relative;z-index:2}.pricing-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #60a5fa80,0 0 40px #3b82f64d;border-color:#60a5facc}.pricing-card:hover:after{background:#000000bf}.pricing-card:active{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 32px #60a5fab3,0 0 50px #9333ea99;border-color:#9333eae6}.pricing-card:active:after{background:#000000b3}.pricing-card-featured{border-color:#60a5facc;box-shadow:0 16px 48px #60a5fa66,0 0 30px #3b82f64d;transform:scale(1.05)}.pricing-card-featured:after{background:#000c}.pricing-card-featured:hover{transform:translateY(-12px) scale(1.08);box-shadow:0 24px 72px #60a5fa99,0 0 50px #3b82f680;border-color:#60a5fa}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border-radius:calc(var(--spacing) * 3);font-size:14px;font-weight:700;box-shadow:0 4px 12px #3b82f680;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 4px 12px #3b82f680}50%{box-shadow:0 6px 20px #60a5facc,0 0 15px #93c5fd99}}.pricing-tier{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:calc(var(--spacing) * 3);letter-spacing:-.5px;transition:all .3s ease}.pricing-card:hover .pricing-tier{color:var(--primary);transform:scale(1.05)}.pricing-price{margin-bottom:calc(var(--spacing) * 4)}.pricing-card .price-amount{font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:800;color:var(--primary);line-height:1;letter-spacing:-2px;transition:all .3s ease}.pricing-card:hover .price-amount{transform:scale(1.1);text-shadow:0 4px 12px rgba(37,99,235,.3)}.pricing-card .price-period{display:block;font-size:16px;color:#fffc;margin-top:calc(var(--spacing) * 1)}.pricing-features{margin-bottom:calc(var(--spacing) * 5)}.pricing-features ul{list-style:none;padding:0;margin:0}.pricing-features li{padding:calc(var(--spacing) * 2) 0;color:#ffffffe6;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)}.pricing-features li:last-child{border-bottom:none}.pricing-card .btn-primary,.pricing-card .btn-secondary{width:100%;font-size:18px;padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 4);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.pricing-card .btn-primary:before,.pricing-card .btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.pricing-card .btn-primary:hover:before,.pricing-card .btn-secondary:hover:before{width:400px;height:400px}.pricing-card .btn-primary:hover,.pricing-card .btn-secondary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 32px #2563eb80}.pricing-card .btn-secondary:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@keyframes bluePurpleGlow{0%{box-shadow:0 0 20px #3b82f666,0 0 40px #9333ea33;border-color:#3b82f699}25%{box-shadow:0 0 30px #3b82f699,0 0 60px #9333ea66;border-color:#9333ea99}50%{box-shadow:0 0 40px #9333ea99,0 0 80px #3b82f666;border-color:#9333eacc}75%{box-shadow:0 0 30px #9333ea99,0 0 60px #3b82f666;border-color:#3b82f699}to{box-shadow:0 0 20px #3b82f666,0 0 40px #9333ea33;border-color:#3b82f699}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pricing-card.animate-in{animation:cardSlideIn .6s ease-out forwards,bluePurpleGlow 3s ease-in-out infinite}.pricing-card.animate-in:nth-child(1){animation-delay:0s,0s}.pricing-card.animate-in:nth-child(2){animation-delay:.15s,.15s}.pricing-card.animate-in:nth-child(3){animation-delay:.3s,.3s}.pricing-card.animate-in:nth-child(4){animation-delay:.45s,.45s}.faq-item.animate-in{animation:cardSlideIn .6s ease-out forwards,bluePurpleGlow 3s ease-in-out infinite}.faq-item.animate-in:nth-child(1){animation-delay:0s,0s}.faq-item.animate-in:nth-child(2){animation-delay:.15s,.15s}.faq-item.animate-in:nth-child(3){animation-delay:.3s,.3s}.faq-item.animate-in:nth-child(4){animation-delay:.45s,.45s}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 3);padding:0 calc(var(--spacing) * 2);max-width:100%}.pricing-card{width:100%;max-width:400px}.pricing-preview-container{padding-left:0;padding-right:0}.pricing-card-featured{transform:none}.pricing-card:hover,.pricing-card-featured:hover{transform:translateY(-8px)}.pricing-wizard-hat{max-width:500px;width:95%}.page-wizard-hat{max-width:700px;width:90%}.page-hero-image{padding:calc(var(--spacing) * 8) calc(var(--spacing) * 3);min-height:60vh}.pricing-hero-image{padding:calc(var(--spacing) * 6) calc(var(--spacing) * 2);min-height:40vh}.pricing-preview{padding:calc(var(--spacing) * 8) calc(var(--spacing) * 2)}}.testimonials{padding:calc(var(--spacing) * 4) calc(var(--spacing) * 3) calc(var(--spacing) * 6);background:#fff;position:relative;z-index:10;margin-top:0;clear:both;display:block;width:100%}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials .section-title{margin-bottom:calc(var(--spacing) * 4);color:var(--neutral-900);text-align:center;font-size:48px;font-weight:700}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:calc(var(--spacing) * 2);margin-bottom:0}.testimonial-card{background:#fff;padding:calc(var(--spacing) * 3);border-radius:calc(var(--spacing) * 2);box-shadow:0 4px 12px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid var(--neutral-200)}.testimonial-card:after{content:'"';position:absolute;top:20px;right:30px;font-family:Space Grotesk,sans-serif;font-size:120px;color:#2563eb0d;line-height:1;transition:all .4s ease}.testimonial-card:hover:after{transform:scale(1.2) rotate(15deg);color:#2563eb1a}.testimonial-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #2563eb33;border-color:var(--primary)}.testimonial-stars{color:#fbbf24;font-size:20px;margin-bottom:calc(var(--spacing) * 1.5)}.testimonial-text{color:var(--neutral-700);line-height:1.6;margin-bottom:calc(var(--spacing) * 2);font-size:16px;font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:calc(var(--spacing) * .5)}.testimonial-author strong{color:var(--neutral-900);font-size:16px}.testimonial-author span{color:var(--neutral-500);font-size:14px}.video-projects{padding:calc(var(--spacing) * 4) calc(var(--spacing) * 3);background:var(--neutral-50)}.video-projects .container{max-width:1200px;margin:0 auto}.video-projects .section-subtitle{text-align:center;color:var(--neutral-700);font-size:18px;font-weight:500;margin-bottom:calc(var(--spacing) * 3)}.video-projects-container{max-width:1200px;margin:0 auto}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 3)}.video-card{background:#fff;border-radius:calc(var(--spacing) * 2);overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.video-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:var(--neutral-900)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-card h3{font-size:20px;font-weight:600;color:var(--neutral-900);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * .5);margin:0}.video-card p{font-size:14px;color:var(--neutral-700);padding:0 calc(var(--spacing) * 2) calc(var(--spacing) * 2);margin:0;line-height:1.6}.video-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 3)}.video-project-card{background:#fff;border-radius:calc(var(--spacing) * 2);overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.video-thumbnail{width:100%;aspect-ratio:16 / 9;background:var(--neutral-900);overflow:hidden;position:relative}.video-thumbnail video{width:100%;height:100%;object-fit:cover}.video-thumbnail iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-project-card h3{font-size:20px;font-weight:600;color:var(--neutral-900);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * .5);margin:0}.video-project-card p{font-size:14px;color:var(--neutral-700);font-weight:500;padding:0 calc(var(--spacing) * 2) calc(var(--spacing) * 2);margin:0;line-height:1.5}.footer{background:var(--neutral-900);color:var(--neutral-400);padding:calc(var(--spacing) * 8) calc(var(--spacing) * 3) calc(var(--spacing) * 4);position:relative;z-index:10;display:block;clear:both;width:100%}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 4);text-align:center}.footer-brand h3{color:#fff;font-size:24px;margin-bottom:calc(var(--spacing) * 1)}.footer-brand p{color:var(--neutral-400)}.footer-links{display:flex;justify-content:center;gap:calc(var(--spacing) * 4)}.footer-links a{color:var(--neutral-400);transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:calc(var(--spacing) * 4);border-top:1px solid var(--neutral-800);text-align:center;color:var(--neutral-500)}.scroll-animate{opacity:0;transform:translateY(40px) scale(.95);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-animate.animate-in{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.scroll-animate{opacity:1;transform:none;transition:none}}@media(max-width:768px){.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.section-title{font-size:36px}.dashboard-header h1{font-size:32px}.nav-container{flex-direction:column;gap:calc(var(--spacing) * 2)}.nav-links{width:100%;justify-content:center}.nav-links a,.nav-links button{font-size:14px;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 1.5)}.dashboard-header{flex-direction:column}.projects-grid{grid-template-columns:1fr}.carousel{flex-direction:column}.carousel-btn{display:none}.testimonials-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:calc(var(--spacing) * 2)}}.submissions-table{background:#fff;border-radius:calc(var(--spacing) * 2);box-shadow:0 1px 3px #0000001a;overflow:hidden}.submissions-table table{width:100%;border-collapse:collapse}.submissions-table th,.submissions-table td{padding:calc(var(--spacing) * 3);text-align:left;border-bottom:1px solid var(--neutral-200)}.submissions-table th{background:var(--neutral-50);font-weight:700;color:var(--neutral-900);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.submissions-table tbody tr:hover{background:var(--neutral-50)}.btn-small{padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);font-size:14px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:calc(var(--spacing) * 3)}.modal-content{background:#fff;border-radius:calc(var(--spacing) * 2);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing) * 5);border-bottom:1px solid var(--neutral-200)}.modal-header h2{margin:0;font-size:28px}.close-button{background:none;border:none;font-size:36px;color:var(--neutral-400);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.close-button:hover{background:var(--neutral-100);color:var(--neutral-900)}.modal-body{padding:calc(var(--spacing) * 5)}.modal-footer{padding:calc(var(--spacing) * 5);border-top:1px solid var(--neutral-200);display:flex;justify-content:flex-end}.detail-section{margin-bottom:calc(var(--spacing) * 5)}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:calc(var(--spacing) * 2)}.detail-section p{color:var(--neutral-700);line-height:1.6;margin-bottom:calc(var(--spacing) * 2)}.detail-section p:last-child{margin-bottom:0}.company-logo{max-width:200px;height:auto;border-radius:calc(var(--spacing) * 1);box-shadow:0 2px 8px #0000001a}.social-links{list-style:none;padding:0;margin:0}.social-links li{margin-bottom:calc(var(--spacing) * 2);color:var(--neutral-700)}.social-links a{color:var(--primary);text-decoration:none;word-break:break-all}.social-links a:hover{text-decoration:underline}.messages-page{min-height:100vh;background:var(--neutral-100);overflow-x:hidden}.messages-container{display:flex;max-width:100%;width:100%;margin:0 auto;height:calc(100vh - 180px);gap:0;overflow:hidden}.conversations-sidebar{width:280px;min-width:250px;max-width:280px;background:#fff;border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;flex-shrink:0;transition:all .3s ease}.messages-container:has(.chat-active) .conversations-sidebar{display:none}.sidebar-header{padding:calc(var(--spacing) * 2);border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.5rem;font-weight:700;color:var(--neutral-900)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{padding:calc(var(--spacing) * 2);border-bottom:1px solid var(--neutral-100);cursor:pointer;display:flex;gap:calc(var(--spacing) * 1.5);transition:background .2s}.conversation-item:hover{background:var(--neutral-50)}.conversation-item.active{background:var(--primary-light);background:linear-gradient(90deg,#2563eb1a,#3b82f60d);border-left:3px solid var(--primary)}.conversation-avatar img,.conversation-avatar .avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.avatar-placeholder{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing) * .5)}.conversation-name{font-weight:600;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:var(--neutral-500);white-space:nowrap}.conversation-status{display:flex;gap:calc(var(--spacing) * 1)}.status-badge{font-size:.75rem;padding:calc(var(--spacing) * .5) calc(var(--spacing) * 1);border-radius:calc(var(--spacing) * .5);font-weight:600;text-transform:uppercase}.status-badge.open{background:#dcfce7;color:#166534}.status-badge.closed{background:#f3f4f6;color:#6b7280}.status-badge.archived{background:#fef3c7;color:#92400e}.chat-area{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0;overflow:hidden;max-width:100%;transition:all .3s ease}.chat-area.chat-active{width:100%;max-width:100%}.chat-header{padding:calc(var(--spacing) * 2);border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;align-items:center;background:#fff}.chat-header h3{font-size:1.25rem;font-weight:600;color:var(--neutral-900)}.messages-list{flex:1;overflow-y:auto;padding:calc(var(--spacing) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);background:var(--neutral-50)}.message{display:flex;gap:calc(var(--spacing) * 1.5);max-width:70%}.message.sent{margin-left:auto;flex-direction:row-reverse}.message.received{margin-right:auto}.message-avatar img,.message-avatar .avatar-placeholder{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--neutral-200);flex-shrink:0}.message-avatar img{display:block}.message-avatar .avatar-placeholder{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.message-content{flex:1}.message-header{display:flex;gap:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * .5);align-items:center}.message.sent .message-header{flex-direction:row-reverse}.message-sender{font-weight:700;font-size:1rem;color:var(--neutral-900);white-space:nowrap;overflow:visible}.message-time{font-size:.75rem;color:var(--neutral-500)}.message-text{background:#fff;padding:calc(var(--spacing) * 1.5);border-radius:calc(var(--spacing) * 1.5);box-shadow:0 1px 2px #0000000d;word-wrap:break-word}.message.sent .message-text{background:var(--primary);color:#fff}.message-image img{max-width:300px;max-height:300px;border-radius:calc(var(--spacing) * 1);object-fit:cover}.message-file{background:#fff;padding:calc(var(--spacing) * 1.5);border-radius:calc(var(--spacing) * 1.5);box-shadow:0 1px 2px #0000000d}.message-file a{color:var(--primary);text-decoration:underline}.message-status{font-size:.75rem;color:var(--neutral-500);margin-top:calc(var(--spacing) * .5);text-align:right}.message.sent .message-status{color:#fff;opacity:.8}.typing-indicator{display:flex;align-items:center;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 1);color:var(--neutral-500);font-style:italic;font-size:.875rem}.chat-input-area{border-top:1px solid var(--neutral-200);background:#fff;position:relative}.templates-dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--neutral-200);border-bottom:none;box-shadow:0 -4px 6px -1px #0000001a}.template-item{padding:calc(var(--spacing) * 1.5);border-bottom:1px solid var(--neutral-100);cursor:pointer;transition:background .2s}.template-item:hover{background:var(--neutral-50)}.template-item strong{display:block;margin-bottom:calc(var(--spacing) * .5);color:var(--neutral-900)}.template-item p{font-size:.875rem;color:var(--neutral-600);margin:0}.chat-form{display:flex;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 2);align-items:flex-end;width:100%}.btn-icon{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:calc(var(--spacing) * 1);border-radius:calc(var(--spacing) * 1);transition:background .2s}.btn-icon:hover{background:var(--neutral-100)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.message-input{flex:1;padding:calc(var(--spacing) * 2);border:1px solid var(--neutral-300);border-radius:calc(var(--spacing) * 3);font-size:1.125rem;font-family:inherit;outline:none;transition:border-color .2s,height .2s;resize:none;min-height:60px;max-height:500px;overflow-y:auto;line-height:1.6;width:100%}.message-input:focus{border-color:var(--primary)}.btn-send{background:var(--primary);color:#fff;border:none;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border-radius:calc(var(--spacing) * 3);font-weight:600;cursor:pointer;transition:background .2s}.btn-send:hover:not(:disabled){background:var(--primary-dark)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.no-conversation{display:flex;justify-content:center;align-items:center;height:100%;color:var(--neutral-500);font-size:1.125rem}@media(max-width:1024px){.conversations-sidebar{width:280px;min-width:250px}.message{max-width:80%}}@media(max-width:768px){body:has(.chat-active){overflow:hidden}nav:has(~* .chat-active){display:none}.messages-container{flex-direction:column;height:calc(100vh - 140px);position:relative}.conversations-sidebar{width:100%;min-width:100%;max-width:100%;height:100%;border-right:none;border-bottom:none}.messages-container:has(.chat-active) .conversations-sidebar{display:none}.chat-area.chat-active{position:fixed;inset:0;width:100%;height:100vh;max-width:100%;z-index:9999;background:#fff}.chat-area{display:none}.chat-area.chat-active{display:flex}.message{max-width:85%}.sidebar-header h2{font-size:1.25rem}.conversation-item{padding:calc(var(--spacing) * 1.5)}.chat-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:2px solid var(--neutral-200);padding:15px!important}.btn-back-chat{padding:12px 24px!important;font-size:20px!important;min-width:120px!important;box-shadow:0 6px 20px #2563eb80!important;animation:pulse-back 2s ease-in-out infinite}@keyframes pulse-back{0%,to{box-shadow:0 6px 20px #2563eb80}50%{box-shadow:0 8px 24px #2563ebb3}}.messages-list{flex:1;overflow-y:auto;padding-bottom:20px}.chat-input-area{position:sticky;bottom:0;background:#fff;border-top:2px solid var(--neutral-200);padding:15px 15px 80px}}.legal-container{max-width:900px;margin:0 auto;padding:calc(var(--spacing) * 8) calc(var(--spacing) * 4);background:#fff}.legal-content{line-height:1.8;color:var(--neutral-900)}.legal-content h1{font-size:42px;font-weight:800;color:var(--neutral-900);margin-bottom:calc(var(--spacing) * 2);letter-spacing:-1px}.legal-content .last-updated{color:var(--neutral-600);font-style:italic;margin-bottom:calc(var(--spacing) * 6);font-size:14px}.legal-section{margin-bottom:calc(var(--spacing) * 6)}.legal-section h2{font-size:28px;font-weight:700;color:var(--neutral-900);margin-top:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);border-top:2px solid var(--neutral-200)}.legal-section h3{font-size:20px;font-weight:600;color:var(--neutral-800);margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2)}.legal-section p{margin-bottom:calc(var(--spacing) * 2);color:var(--neutral-700)}.legal-section ul{margin-bottom:calc(var(--spacing) * 3);padding-left:calc(var(--spacing) * 4)}.legal-section li{margin-bottom:calc(var(--spacing) * 1.5);color:var(--neutral-700)}.legal-section li::marker{color:var(--primary)}.contact-info{background:var(--neutral-50);padding:calc(var(--spacing) * 3);border-radius:calc(var(--spacing) * 2);border:1px solid var(--neutral-200);margin:calc(var(--spacing) * 3) 0}.contact-info p{margin-bottom:calc(var(--spacing) * 1)}.legal-footer{margin-top:calc(var(--spacing) * 8);padding-top:calc(var(--spacing) * 4);border-top:2px solid var(--neutral-200);text-align:center}.legal-footer p{font-size:18px;color:var(--neutral-700);margin-bottom:calc(var(--spacing) * 3)}.privacy-policy-page,.terms-page{min-height:100vh;display:flex;flex-direction:column}@media(max-width:768px){.legal-container{padding:calc(var(--spacing) * 4) calc(var(--spacing) * 2)}.legal-content h1{font-size:32px}.legal-section h2{font-size:24px}.legal-section h3{font-size:18px}}.legal-content .inline-link{color:var(--primary);text-decoration:underline;font-weight:600}.legal-content .inline-link:hover{color:var(--primary-dark);text-decoration:none}.header-banner{position:relative;overflow:hidden}.lightning-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.header-banner img{position:relative;z-index:1}@keyframes neonGlow{0%{box-shadow:0 8px 50px #667eeae6,0 0 100px #667eeab3,0 0 150px #667eea80,inset 0 0 30px #fff6}50%{box-shadow:0 8px 60px #764ba2,0 0 120px #764ba2e6,0 0 180px #764ba2b3,inset 0 0 40px #ffffff80}to{box-shadow:0 8px 50px #667eeae6,0 0 100px #667eeab3,0 0 150px #667eea80,inset 0 0 30px #fff6}}.neon-button{position:relative;animation:neonGlow 2s ease-in-out infinite alternate}.neon-button:hover{box-shadow:0 8px 70px #764ba2,0 0 140px #764ba2,0 0 200px #764ba2cc,inset 0 0 50px #fff9!important;animation:neonGlow 1s ease-in-out infinite alternate}