*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#eef0ff;background:radial-gradient(circle at 20% 0,#1e1b4b,#05060f 55%);min-height:100vh;margin:0;font-family:system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#05060fcc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 6%;display:flex;position:sticky;top:0}.logo{align-items:center;gap:6px;font-size:20px;font-weight:800;display:flex}nav{flex-wrap:wrap;gap:18px;font-size:14px;display:flex}nav a{color:#c4c8ee}nav a:hover{color:#fff}main{gap:64px;max-width:1100px;margin:auto;padding:24px 6% 60px;display:grid}h2{margin:0 0 8px;font-size:30px}p{color:#b8bce0;line-height:1.7}.hero{border-radius:var(--radius);align-items:flex-end;min-height:520px;display:flex;position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#0000,#05060f66 40%,#05060f 90%);position:absolute;inset:0}.heroText{z-index:1;max-width:640px;padding:36px;position:relative}.eyebrow{letter-spacing:3px;color:#c4b5fd;font-size:12px}h1{letter-spacing:-2px;background:linear-gradient(90deg,#fff,#a5b4fc,#e879f9);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0;font-size:clamp(38px,7vw,72px);line-height:1.05}.button{background:linear-gradient(90deg,#6366f1,var(--accent),#c026d3);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.glow{box-shadow:0 0 28px #8b5cf688}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.5;cursor:not-allowed}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);background:#ffffff0f;border:1px solid #fff2;padding:28px}.composer{gap:16px;display:grid}textarea,input{font:inherit;color:#fff;background:#0a0c1e;border:1px solid #fff3;border-radius:12px;width:100%;padding:14px}textarea:focus,input:focus,.chip:focus-visible,.button:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.chips,fieldset{flex-wrap:wrap;gap:8px;display:flex}fieldset{border:0;margin:0 0 8px;padding:0}legend{color:#c4c8ee;margin-bottom:8px;padding:0;font-size:13px}.opts{gap:8px;display:grid}.chip{color:#e5e7ff;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2a;border-radius:999px;padding:8px 14px;font-size:14px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.result{gap:10px;display:grid}.frame{color:#c4b5fd;background:linear-gradient(135deg,#312e8155,#701a7555);border:1px dashed #a78bfa;border-radius:14px;place-items:center;width:min(100%,520px);max-width:100%;max-height:340px;display:grid}.gal,.plans{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.tile{border-radius:var(--radius);flex-direction:column;justify-content:flex-end;min-height:190px;padding:20px;transition:transform .3s;display:flex}.tile:hover{transform:scale(1.03)}.tile h3,.plans h3{margin:4px 0}.plans strong{font-size:28px}form{gap:14px;max-width:520px;display:grid}label{gap:6px;font-size:14px;display:grid}footer{text-align:center;color:#8e93c0;padding:30px}@media (width<=760px){.gal,.plans{grid-template-columns:1fr}.hero{min-height:440px}.heroText{padding:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
