*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:auto;overflow-x:hidden}body{margin:0;padding:0;background:linear-gradient(135deg,#0a0a23 0,#1a3c5e 100%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100dvh;overflow-x:hidden;display:block;position:relative}.container{max-width:800px;width:90%;padding:30px 20px;position:relative;z-index:1;margin:0 auto;padding-top:50px}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;background:linear-gradient(45deg,#00ddeb,#ff6f61);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,221,235,.3)}.subtitle{font-size:clamp(.9rem,3vw,1.2rem);opacity:.8;text-align:center;margin-bottom:2rem;line-height:1.6}.chat-container{background:rgba(255,255,255,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;max-height:300px;overflow-y:auto;margin-bottom:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.2);scrollbar-width:thin;scrollbar-color:#00ddeb transparent}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-thumb{background:#00ddeb;border-radius:10px}.chat-message{margin:10px 0;padding:12px 20px;border-radius:15px;max-width:80%;font-size:1rem;line-height:1.5;position:relative}.ai-message{background:linear-gradient(135deg,#1e3a8a 0,#3b82f6 100%);color:#fff;margin-right:auto}.user-message{background:linear-gradient(135deg,#ff6f61 0,#facc15 100%);color:#fff;margin-left:auto;text-align:right}.chat-input{display:flex;gap:10px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.chat-input input{flex:1;background:0 0;border:none;color:#fff;font-size:1rem;padding:10px;outline:0}.chat-input input::placeholder{color:rgba(255,255,255,.5)}.chat-input button{background:linear-gradient(45deg,#00ddeb,#3b82f6);border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;transition:transform .3s,box-shadow .3s}.chat-input button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,221,235,.4)}.store-preview{background:rgba(255,255,255,.05);border-radius:20px;padding:15px;margin:1.5rem 0;box-shadow:0 10px 40px rgba(0,0,0,.3);position:relative;overflow:hidden;min-height:300px;text-align:center}.store-preview::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,221,235,.2),transparent);z-index:0;pointer-events:none}.loading-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;z-index:1;display:flex;justify-content:center;align-items:center}.core{width:40px;height:40px;background:radial-gradient(circle,#00ddeb 0,#3b82f6 70%,transparent 100%);border-radius:50%;animation:pulse 2s infinite ease-in-out;box-shadow:0 0 30px rgba(0,221,235,.8),0 0 60px rgba(59,130,246,.5);position:relative}@keyframes pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.particle{position:absolute;width:6px;height:6px;background:#facc15;border-radius:50%;box-shadow:0 0 10px rgba(250,204,21,.8)}.particle:nth-child(1){animation:orbit1 3s infinite linear}.particle:nth-child(2){animation:orbit2 3.5s infinite linear}.particle:nth-child(3){animation:orbit3 4s infinite linear}@keyframes orbit1{0%{transform:rotate(0) translateX(60px) rotate(0)}100%{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}@keyframes orbit2{0%{transform:rotate(120deg) translateX(60px) rotate(-120deg)}100%{transform:rotate(480deg) translateX(60px) rotate(-480deg)}}@keyframes orbit3{0%{transform:rotate(240deg) translateX(60px) rotate(-240deg)}100%{transform:rotate(600deg) translateX(60px) rotate(-600deg)}}.beam{position:absolute;width:80px;height:2px;background:linear-gradient(90deg,transparent,#00ddeb,transparent);opacity:.5;animation:rotateBeam 5s infinite linear}.beam:nth-child(4){transform:rotate(45deg)}.beam:nth-child(5){transform:rotate(-45deg);animation-delay:-2.5s}@keyframes rotateBeam{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-text{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);font-size:.9rem;color:#fff;opacity:.7;text-transform:uppercase;letter-spacing:2px;animation:fadeText 2s infinite ease-in-out}@keyframes fadeText{0%,100%{opacity:.7}50%{opacity:1}}.email-form{display:flex;gap:10px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.1);margin-top:1.5rem}.email-form input{flex:1;background:0 0;border:none;color:#fff;font-size:1rem;padding:10px;outline:0}.email-form input::placeholder{color:rgba(255,255,255,.5)}.email-form button{background:linear-gradient(45deg,#ff6f61,#facc15);border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;transition:transform .3s,box-shadow .3s;white-space:nowrap}.email-form button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(250,204,21,.4)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none}.particle{position:absolute;background:rgba(255,255,255,.2);border-radius:50%;animation:float 15s infinite linear}.particle:nth-child(1){width:20px;height:20px;top:10%;left:20%;animation-duration:20s}.particle:nth-child(2){width:15px;height:15px;top:50%;left:70%;animation-duration:18s}.particle:nth-child(3){width:25px;height:25px;top:80%;left:40%;animation-duration:22s}.particle:nth-child(4){width:10px;height:10px;top:30%;left:90%;animation-duration:16s}@keyframes float{0%{transform:translateY(0) translateX(0);opacity:.5}50%{opacity:.8}100%{transform:translateY(-100vh) translateX(20px);opacity:.5}}.off{display:none}.iframe{position:relative;border:none;border-radius:20px;margin:0;padding:0;width:100%;height:400px;pointer-events:auto;transform-origin:top left}.store-preview button{background:linear-gradient(45deg,#00ddeb,#3b82f6);border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;transition:transform .3s,box-shadow .3s;margin-top:10px}.store-preview button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,221,235,.4)}@media (max-width:600px){body{height:auto;position:static}.container{width:95%;padding:15px;margin:0 auto;padding-top:30px;padding-bottom:30px}h1{font-size:2rem;margin-top:0}.subtitle{font-size:.9rem;margin-bottom:1.5rem}.chat-container{max-height:250px;padding:15px;overflow:hidden}.chat-message{padding:10px 15px;font-size:.9rem}.chat-input{padding:10px}.chat-input input{font-size:.9rem;padding:8px}.chat-input button{padding:8px 15px;font-size:.9rem}.store-preview{min-height:250px;padding:10px}.iframe{height:300px;transform:scale(.8);width:125%;margin-left:-12.5%}.email-form{flex-direction:column;gap:10px}.email-form input{width:100%}.email-form button{width:100%}.loading-animation{width:120px;height:120px}.core{width:30px;height:30px}.particle{width:4px;height:4px}.beam{width:60px}.loading-text{font-size:.8rem;bottom:-35px}}.faded{opacity:0;pointer-events:none;max-height:50px;transition:opacity 2s ease,max-height 2s ease}.gone{max-height:0;transition:max-height 2s ease}.secondary-button{margin-top:10px;background:linear-gradient(45deg,#64748b,#94a3b8);border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;transition:transform .3s,box-shadow .3s}.secondary-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(148,163,184,.4)}.save-confirmation{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:30px;text-align:center;color:#fff;animation:fadeIn .8s ease-out forwards;box-shadow:0 10px 30px rgba(0,0,0,.4);margin-top:20px}.save-confirmation .h2{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(45deg,#00ddeb,#facc15);-webkit-background-clip:text;background-clip:text;color:transparent}.save-confirmation .h2c{font-size:1.8rem;margin-bottom:1rem}.save-confirmation p{font-size:1rem;margin:.5rem 0 1.2rem;line-height:1.5}.save-confirmation .muted{font-size:.9rem;color:rgba(255,255,255,.6)}.primary-button{background:linear-gradient(45deg,#00ddeb,#3b82f6);border:none;color:#fff;padding:10px 24px;border-radius:12px;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .3s;margin-bottom:10px;display:inline-block;text-decoration:none}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(59,130,246,.4)}.secondary-button{background:linear-gradient(45deg,#64748b,#94a3b8);border:none;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:1rem;transition:transform .3s,box-shadow .3s}.secondary-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(148,163,184,.4)}