.ai-demo-bg-spots{position:relative;z-index:0}.ai-demo-bg-spots:before{width:clamp(500px,80vw,1400px);height:clamp(700px,80vw,1400px);background:radial-gradient(circle,#35a29f 0,transparent 60%);filter:blur(200px);top:50%;left:-40vw;transform:translateY(-50%)}.ai-demo-bg-spots:after,.ai-demo-bg-spots:before{content:"";position:absolute;z-index:-1;pointer-events:none}.ai-demo-bg-spots:after{width:clamp(400px,50vw,800px);height:clamp(500px,50vw,800px);background:radial-gradient(circle,#0a6669 0,transparent 70%);filter:blur(180px);bottom:0;right:-5vw}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;color:white;overflow-x:hidden}.header{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.logo,.nav{display:flex;align-items:center}.logo{gap:.5rem;font-size:1.5rem;font-weight:700;color:#35A29F}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:white;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#35A29F}.cta-button{background:linear-gradient(90deg,#00BADC,#16E1CE);color:white;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(53,162,159,.4)}.main-content{max-width:1200px;padding:4rem 2rem;margin:6rem auto 0}.hero-section{text-align:center;margin-bottom:4rem}.hero-section h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;line-height:1.2}.gradient-text{background:linear-gradient(180deg,#98FDED,#FFFFFF,#98FDED);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:textGradientMove 4s linear infinite}@keyframes textGradientMove{0%{background-position:0 50%}to{background-position:100% 50%}}.hero-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.6}.input-section{background:rgba(0,20,20,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:.5rem;margin-bottom:3rem;z-index:2}.animated-border{position:relative;border-radius:25px;background:#001212;z-index:1;overflow:hidden}.animated-border:before{top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(270deg,#35A29F,#0A6669,#35A29F);background-size:600% 600%;animation:borderAnim 6s ease infinite}.animated-border:after,.animated-border:before{content:"";position:absolute;z-index:-1;border-radius:inherit}.animated-border:after{top:2px;left:2px;right:2px;bottom:2px;background:#001212}@keyframes borderAnim{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.input-container{display:flex;gap:1rem;align-items:center;z-index:3}.input-wrapper{flex:1 1;z-index:3}.demo-input{width:100%;padding:.75rem 1rem;border:none;border-radius:20px;background:rgba(0,0,0,.3);color:white;font-size:1rem;cursor:not-allowed;z-index:3}.demo-input:focus{outline:none;background:rgba(0,0,0,.4)}.demo-input::placeholder{color:rgba(255,255,255,.6)}.generate-btn{padding:.75rem 1.5rem;background:linear-gradient(90deg,#00BADC,#16E1CE);color:white;border:none;border-radius:20px;font-size:1rem;font-weight:600;z-index:3;cursor:pointer;transition:all .5s ease;white-space:nowrap;height:-moz-fit-content;height:fit-content}.generate-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(90deg,#16E1CE,#00BADC)}.generate-btn:disabled{cursor:not-allowed;opacity:.7}.demo-section{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:start}.demo-section.result-mode{grid-template-columns:2fr 1fr}.loading-container{background:#001212;border-radius:15px;padding:2rem;width:100%;grid-column:1/-1}.loading-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.loading-icon{width:43px;height:43px;animation:screenSpin 1.5s linear infinite;position:relative;background-image:url(/mdi-light_settings.svg);z-index:3}.loading-text{font-size:2rem;font-weight:600;background:linear-gradient(90deg,#D9D9D9,#81FEF2 70%);background-clip:text;-webkit-background-clip:text;color:transparent;z-index:3}.loading-subtitle{font-size:.9rem;color:#81FEF2;margin-bottom:1.5rem;line-height:1.4;z-index:3;position:relative}.progress-info{justify-content:space-between;margin-bottom:.75rem}.progress-info,.time-estimate{display:flex;align-items:center;z-index:3}.time-estimate{font-size:.9rem;color:rgba(255,255,255,.9);gap:.5rem}.progress-percent{font-size:1.1rem;font-weight:600;color:#35A29F;position:relative;z-index:3}.progress-bar{width:100%;height:10px;background:rgba(53,162,159,.2);border-radius:3px;overflow:hidden;z-index:3;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#16E1CE,#00BADC);border-radius:3px;width:0;transition:width .3s ease;z-index:3}.result-section{display:none}.result-section.show{display:block;animation:slideInUp .6s ease}.images-preview{display:grid;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.device-screen{background:#2a2a2a;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative}.pc-screen{grid-column:1/-1;aspect-ratio:16/9}tablet-screen{width:70%;aspect-ratio:5/3}.mobile-screen{width:30%;aspect-ratio:9/16}.device-screen img{width:100%;height:100%;object-fit:cover;display:block;z-index:3;position:relative}.device-screen span{position:absolute;bottom:.5rem;left:.5rem;background:rgba(0,0,0,.8);color:white;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.mobile-screens{display:flex;gap:1rem}.success-panel{border-radius:15px;padding:1.5rem;display:none}.success-panel.show{display:block;animation:slideInUp .6s ease}.success{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.success-title{font-size:1.8rem;font-weight:600;position:relative;background:linear-gradient(90deg,#D9D9D9,#81FEF2 70%);background-clip:text;-webkit-background-clip:text;color:transparent;z-index:3}.success-subtitle{font-size:.9rem;opacity:.8;margin-bottom:1rem;z-index:3;position:relative;color:#81FEF2;text-align:center}.features-list{margin-bottom:1.5rem;z-index:3;position:relative;list-style:disc;padding-left:1.5rem;color:white;font-family:Inter,sans-serif;font-size:1rem}.features-list li{padding:.2rem 0;font-size:.8rem}.features-list li::marker{color:white;font-size:1.2em;z-index:3;position:relative}.download-section{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);z-index:3;position:relative}.download-text{font-size:.9rem;margin-bottom:1rem;opacity:.9;color:#81FEF2}.download-btn{background:linear-gradient(90deg,#00BADC,#16E1CE);color:white;padding:.75rem 1.5rem;border:none;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.download-btn:hover{transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.nav-links{display:none}}@media (max-width:768px){.input-container{flex-direction:column;gap:1rem}.generate-btn{width:100%}.demo-section.result-mode{grid-template-columns:1fr;gap:2rem}.demo-section.result-mode .result-section{order:1}.demo-section.result-mode .success-panel{order:2}.mobile-screens{grid-template-columns:1fr 1fr}.mobile-screen{height:150px}}