:root{--orange:#ff8a21;--orange2:#ffd166;--cyan:#37e8ff;--pink:#ff4fd8;--purple:#7c3cff;--black:#070812;--deep:#0b1022;--panel:#11182d;--gray:#f5f7fb;--line:rgba(255,255,255,.14);--text:#eef7ff;--muted:#a9b6d3;--green:#37f28b;--red:#ff4d6d;--shadow:0 22px 70px rgba(0,0,0,.35);--glow:0 0 28px rgba(55,232,255,.35),0 0 44px rgba(255,79,216,.18);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(124,60,255,.35),transparent 30%),radial-gradient(circle at 85% 12%,rgba(55,232,255,.22),transparent 34%),linear-gradient(180deg,#060814,#0c1224 50%,#090b14);line-height:1.45;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 90%);z-index:-1}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.topbar{background:linear-gradient(90deg,#060814,#111a33,#060814);color:#dffcff;font-size:13px;padding:9px 0;border-bottom:1px solid rgba(55,232,255,.25)}.topbar-inner,.head-row,.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar strong{color:var(--cyan);text-shadow:0 0 12px rgba(55,232,255,.7)}.mainhead{position:sticky;top:0;background:rgba(8,11,22,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(55,232,255,.22);z-index:20;padding:18px 0;box-shadow:0 18px 60px rgba(0,0,0,.25)}.logo{display:flex;align-items:center;gap:12px;font-weight:900;text-transform:uppercase}.logo-mark{width:58px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--pink) 54%,var(--orange));display:grid;place-items:center;color:#07101d;font-size:25px;box-shadow:var(--glow);position:relative;overflow:hidden}.logo-mark:after{content:"";position:absolute;inset:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(35deg) translateX(-120%);animation:shine 4s infinite}.logo small{display:block;color:var(--cyan);font-size:11px;letter-spacing:.16em}.navlinks{display:flex;gap:22px;font-weight:800;text-transform:uppercase;font-size:13px;color:#d7edff}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:.2s}.navlinks a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#07101d;padding:13px 22px;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 0 26px rgba(55,232,255,.25);transition:.18s}.btn:hover{transform:translateY(-2px);filter:saturate(1.2)}.btn.dark{background:linear-gradient(135deg,#171e37,#090b14);color:#fff;border:1px solid rgba(55,232,255,.36)}.btn.light{background:rgba(255,255,255,.92);color:#07101d}.btn.full{width:100%}.hero{background:radial-gradient(circle at 70% 20%,rgba(55,232,255,.28),transparent 22%),radial-gradient(circle at 88% 85%,rgba(255,79,216,.28),transparent 26%),linear-gradient(135deg,#070812,#111a33 58%,#1d1037);color:#fff;padding:76px 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:130px;background:linear-gradient(180deg,transparent,#0c1224)}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-block;background:rgba(8,12,25,.72);color:var(--cyan);padding:8px 13px;border:1px solid rgba(55,232,255,.32);border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.dark-text{color:var(--cyan)}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.92;margin:14px 0;text-transform:uppercase;text-shadow:0 0 32px rgba(55,232,255,.22)}.hero p{font-size:19px;color:#c6d7f2;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-card{position:relative;min-height:430px;display:grid;place-items:center;perspective:900px}.mock-sign{width:100%;height:360px;border-radius:30px;background:linear-gradient(135deg,rgba(55,232,255,.16),rgba(255,79,216,.17)),linear-gradient(145deg,#0c1224,#141e39);border:1px solid rgba(55,232,255,.36);box-shadow:var(--shadow),var(--glow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;transform:rotateY(-8deg) rotateX(4deg);position:relative;overflow:hidden}.mock-sign:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.14);border-radius:22px}.mock-sign span{color:var(--cyan);font-weight:900;letter-spacing:.22em}.mock-sign b{font-size:56px;line-height:.9;margin:14px 0;max-width:520px;text-shadow:0 0 24px rgba(255,79,216,.4)}.mock-sign em{margin-top:12px;background:rgba(0,0,0,.55);color:#fff;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16)}.orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.74}.orb-one{width:130px;height:130px;background:var(--cyan);left:3%;top:18%;box-shadow:0 0 80px var(--cyan)}.orb-two{width:95px;height:95px;background:var(--pink);right:2%;bottom:14%;box-shadow:0 0 80px var(--pink)}.scanline{position:absolute;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 3.6s linear infinite;opacity:.6}.studio-section,.sizes-section,.how-section,.examples-section{padding:64px 0}.studio-section{background:linear-gradient(180deg,#0c1224,#101833 48%,#0b1022)}.examples-section{background:radial-gradient(circle at 20% 15%,rgba(255,79,216,.16),transparent 28%),linear-gradient(180deg,#0b1022,#080a14)}.section-head{text-align:center;max-width:790px;margin:0 auto 30px}.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:10px 0;text-transform:uppercase}.section-head p{color:var(--muted);font-size:17px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{background:linear-gradient(180deg,rgba(17,24,45,.92),rgba(8,11,22,.92));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.panel h3{margin:0 0 14px;color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;font-weight:800;font-size:14px;margin-bottom:12px;color:#e7f5ff}input,select,textarea{width:100%;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;font:inherit;background:rgba(255,255,255,.08);color:#fff;outline:none}select option{background:#11182d;color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(55,232,255,.12)}textarea{min-height:128px;resize:vertical}.prompt-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.prompt-buttons button{border:1px solid rgba(55,232,255,.25);background:rgba(55,232,255,.08);color:#eaffff;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}.fineprint{font-size:12px;color:var(--muted)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px}#statusBadge{background:rgba(55,242,139,.12);color:var(--green);border:1px solid rgba(55,242,139,.24);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.preview-frame{background:#05070d;border-radius:20px;overflow:hidden;aspect-ratio:3/2;display:grid;place-items:center;margin:12px 0;border:1px solid rgba(55,232,255,.28);box-shadow:inset 0 0 40px rgba(55,232,255,.08)}canvas,#generatedImage{width:100%;height:100%;object-fit:cover;display:block}.summary-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;min-height:86px;margin:12px 0;color:#d9e8ff}.examples-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.example-card{text-align:left;background:linear-gradient(180deg,rgba(17,24,45,.96),rgba(9,12,23,.96));color:#fff;border:1px solid rgba(55,232,255,.22);border-radius:24px;padding:15px;box-shadow:0 18px 40px rgba(0,0,0,.28);cursor:pointer;transition:.2s}.example-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:var(--shadow),var(--glow)}.example-card h3{margin:14px 0 6px;font-size:20px}.example-card p{color:var(--muted);margin:0 0 12px}.example-card em{color:var(--cyan);font-weight:900;font-style:normal;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.example-art{height:170px;border-radius:18px;display:grid;place-items:center;text-align:center;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.13)}.example-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);animation:shine 5s infinite}.example-art span{font-size:24px;font-weight:1000;letter-spacing:.05em;text-shadow:0 0 18px rgba(0,0,0,.55);z-index:1}.art-1{background:radial-gradient(circle at 20% 20%,#fff475,transparent 22%),linear-gradient(135deg,#ff4fd8,#ff8a21 55%,#101833)}.art-2{background:linear-gradient(135deg,#0d162d 0 35%,#37e8ff 36% 49%,#f7fbff 50% 57%,#11182d 58%)}.art-3{background:linear-gradient(145deg,#37f28b,#e8fff4 46%,#0b1022 47%);color:#09101a}.art-4{background:radial-gradient(circle at center,#ff4d6d,transparent 26%),linear-gradient(135deg,#151a30,#7c3cff,#37e8ff)}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.size-card{border:2px solid rgba(255,255,255,.12);border-radius:20px;padding:20px;background:linear-gradient(180deg,rgba(17,24,45,.92),rgba(8,11,22,.92));color:#fff;cursor:pointer;transition:.18s;text-align:left}.size-card:hover,.size-card.active{border-color:var(--cyan);box-shadow:var(--glow);transform:translateY(-3px)}.size-card h3{margin:0 0 8px}.size-card p{color:var(--muted)}.size-card strong{color:var(--orange2)}.order-panel{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.how-section{background:linear-gradient(180deg,#080a14,#101833)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:linear-gradient(180deg,rgba(17,24,45,.9),rgba(8,11,22,.9));border:1px solid rgba(55,232,255,.18);border-radius:22px;padding:26px}.step b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#07101d;font-size:24px;box-shadow:var(--glow)}.step p{color:var(--muted)}.quote-section{padding:45px 0;background:linear-gradient(90deg,#101833,#1a1034,#101833);color:#fff;border-top:1px solid rgba(55,232,255,.16)}.quote-box{display:flex;align-items:center;justify-content:space-between;gap:24px}.quote-box h2{font-size:clamp(30px,4vw,48px);margin:0 0 8px;text-transform:uppercase}.quote-box p{color:#c8d5ec}.footer{background:#05070d;color:#fff;padding:28px 0;border-top:1px solid rgba(255,255,255,.1)}.footer small{display:block;color:#8c99b6;margin-top:4px}.hidden-admin{position:fixed;right:8px;bottom:8px;width:25px;height:25px;border-radius:50%;background:#37e8ff;opacity:.06;z-index:99;box-shadow:0 0 22px rgba(55,232,255,.5)}.hidden-admin:hover{opacity:.85;background:var(--cyan)}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#090b14;color:#fff;border:1px solid rgba(55,232,255,.3);border-radius:999px;padding:12px 18px;font-weight:800;z-index:110;box-shadow:var(--shadow)}@keyframes shine{to{transform:rotate(35deg) translateX(120%)}}@keyframes scan{0%{top:12%}100%{top:88%}}@media(max-width:1020px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.navlinks{display:none}.hero-grid,.studio-grid,.how-grid{grid-template-columns:1fr}.size-grid{grid-template-columns:repeat(2,1fr)}.order-panel,.quote-box,.topbar-inner,.head-row,.footer-row{align-items:flex-start;flex-direction:column}.two-col{grid-template-columns:1fr}.hero-card{min-height:340px}}@media(max-width:560px){.size-grid,.examples-grid{grid-template-columns:1fr}.hero{padding:44px 0}.panel{padding:18px}.mock-sign{height:270px}.mock-sign b{font-size:34px}.hero-actions{flex-direction:column}.btn{width:100%}}