*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05030d;color:#f7f5ff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button,select,textarea{font:inherit}button{cursor:pointer}.nav{height:76px;padding:0 6%;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#070511ee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:50}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-size:20px;font-weight:800}.brand>span:last-child>span{color:#c084fc}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);font-weight:900;box-shadow:0 0 30px #8b5cf655}.navlinks{display:flex;gap:28px;color:#aaa5ba;font-size:14px}.navlinks a:hover{color:white}.generate,.navbutton,.primary{background:linear-gradient(100deg,#7c3aed,#ec4899);color:white;padding:12px 19px;border-radius:12px;font-weight:700;border:0;box-shadow:0 10px 35px #8b5cf633}.hero{min-height:720px;padding:100px 8%;display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;overflow:hidden}.heroGlow{position:absolute;width:650px;height:650px;left:-250px;top:-180px;background:#7c3aed55;filter:blur(110px);border-radius:50%}.heroCopy{position:relative;z-index:2;max-width:700px}.boxHeader small,.pill,.resultHeader small,.sectionTitle>span,.security>div>span,.studioHead span{font-size:11px;letter-spacing:2px;color:#b9a7ff;font-weight:800}.dot{display:inline-block;width:7px;height:7px;background:#34d399;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #34d399}h1{font-size:clamp(60px,8vw,105px);line-height:.9;letter-spacing:-6px;margin:28px 0}em{font-style:normal;background:linear-gradient(100deg,#a78bfa,#f472b6);-webkit-background-clip:text;color:transparent}.heroCopy>p{font-size:19px;line-height:1.7;color:#aaa5ba;max-width:620px}.heroActions{display:flex;gap:14px;margin:35px 0}.primary,.secondary{padding:15px 23px;border-radius:13px}.secondary{border:1px solid #ffffff1a;background:#ffffff08}.stats{display:flex;gap:45px;margin-top:45px}.stats b{font-size:27px}.stats small{display:block;color:#777286;margin-top:5px}.heroCard{width:min(450px,100%);padding:15px;background:#ffffff08;border:1px solid #ffffff16;border-radius:25px;box-shadow:0 40px 100px #0009;transform:rotate(2deg);position:relative;z-index:2}.cardTop{display:flex;justify-content:space-between;padding:12px;color:#aaa5ba;font-size:13px}.live{color:#34d399}.heroPreview{height:380px;border-radius:18px;background:radial-gradient(circle at 50% 25%,#8b5cf655,#ec489922 30%,#090612 65%),linear-gradient(135deg,#171022,#08060e);display:grid;place-items:center;align-content:center;text-align:center}.bigSpark{font-size:70px;color:#d8b4fe;text-shadow:0 0 50px #a78bfa}.heroPreview h3{font-size:40px;margin:5px}.heroPreview p{color:#8f899d}.miniTools{display:flex;justify-content:space-around;padding:14px;color:#aaa5ba;font-size:12px}.section{padding:110px 8%}.sectionTitle{text-align:center}.sectionTitle h2,.security h2,.studio h2{font-size:48px;letter-spacing:-2px;margin:14px 0 55px}.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{padding:30px;border:1px solid #ffffff12;background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:22px;min-height:245px;transition:.3s}.feature:hover{transform:translateY(-7px);border-color:#ffffff25}.featureIcon{font-size:30px;margin-bottom:28px}.feature h3{font-size:19px}.feature p{color:#8f899d;line-height:1.6;font-size:14px}.feature a{font-size:13px;color:#b9a7ff}.studio{padding:100px 8%;background:linear-gradient(#090611,#05030d)}.studioHead{display:flex;justify-content:space-between;align-items:end}.studio h2{margin-bottom:35px}.ready,.status{padding:9px 13px;border:1px solid #ffffff12;border-radius:99px;color:#34d399;font-size:12px}.modeBar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.mode{padding:13px 18px;border:1px solid #ffffff12;background:#ffffff06;color:#aaa5ba;border-radius:12px}.mode.active{color:white;background:linear-gradient(100deg,#7c3aed,#ec4899);border-color:transparent;box-shadow:0 8px 30px #8b5cf633}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.promptBox,.resultBox{border:1px solid #ffffff12;background:#ffffff07;border-radius:22px;padding:22px}.boxHeader,.resultHeader{display:flex;justify-content:space-between;align-items:center}.boxHeader h3,.resultHeader h3{margin:7px 0 18px;font-size:22px}.modeIcon{font-size:28px}.promptBox textarea{width:100%;height:260px;resize:none;background:#05030d;border:1px solid #ffffff10;border-radius:15px;color:white;padding:17px;outline:none}.promptBox textarea:focus{border-color:#8b5cf6}.promptBottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#777286;font-size:13px}.generate{padding:13px 19px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.settings label{font-size:11px;color:#888196}.settings select{display:block;width:100%;margin-top:5px;background:#100c19;color:white;border:1px solid #ffffff12;border-radius:8px;padding:8px}.upload{display:block;margin-top:12px;padding:12px;border:1px dashed #ffffff25;border-radius:10px;color:#aaa5ba;font-size:13px}.upload input{display:block;margin-top:7px}.resultPreview{height:310px;border-radius:16px;background:radial-gradient(circle,#8b5cf622,#05030d 65%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.resultIcon{font-size:45px}.resultPreview h3{margin:15px 0 7px}.resultPreview p{color:#777286;font-size:13px;max-width:330px;line-height:1.6}.outputActions{display:flex;gap:8px;margin-top:12px}.outputActions button{flex:1 1;padding:11px;border:1px solid #ffffff12;background:#ffffff06;color:#aaa5ba;border-radius:9px}.history{padding:100px 8%}.sectionTitle.left{text-align:left}.sectionTitle.left h2{margin-bottom:30px}.empty{border:1px dashed #ffffff16;border-radius:20px;text-align:center;padding:55px;color:#777286}.empty span{font-size:35px;color:#a78bfa}.empty h3{color:white}.historyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.historyItem{display:flex;gap:13px;padding:18px;border:1px solid #ffffff10;background:#ffffff05;border-radius:15px}.historyItem>span{font-size:25px}.historyItem b{display:block;font-size:13px}.historyItem small{display:block;color:#777286;margin-top:7px}.security{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:radial-gradient(circle at 20% 50%,#082f4955,transparent 40%)}.security h2{margin-bottom:20px}.security p{color:#9790a4;line-height:1.8;max-width:570px}.securityGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.securityGrid div{padding:24px;border:1px solid #ffffff10;border-radius:18px;background:#ffffff06;font-size:27px}.securityGrid b,.securityGrid small{display:block}.securityGrid b{font-size:15px;margin-top:18px}.securityGrid small{font-size:12px;color:#777286;margin-top:5px}footer{border-top:1px solid #ffffff10;padding:45px 8%;display:grid;grid-template-columns:1fr auto;gap:30px}.footerBrand{display:flex;gap:14px;align-items:center}.footerBrand b{font-size:18px}.copyright,.footerBrand p{color:#6f697b;font-size:12px}.footerLinks{display:flex;gap:22px;color:#aaa5ba;font-size:13px}.footerLinks a:hover{color:white}.copyright{grid-column:1/-1;margin:10px 0 0}@media(max-width:850px){.navlinks{display:none}.hero{padding-top:70px;flex-direction:column}.heroCard{width:100%;transform:none}.featureGrid{grid-template-columns:1fr 1fr}.security,.workspace{grid-template-columns:1fr}.historyGrid{grid-template-columns:1fr 1fr}h1{letter-spacing:-4px}.stats{gap:20px}}@media(max-width:550px){.featureGrid,.historyGrid{grid-template-columns:1fr}.navbutton{display:none}.hero,.history,.section,.security,.studio,footer{padding-left:6%;padding-right:6%}.heroActions{flex-direction:column}.heroActions a{text-align:center}.footerLinks{flex-wrap:wrap}.settings{grid-template-columns:1fr}}