:root{--night:#070b24;--navy:#0c1235;--plum:#21123a;--gold:#f6d58a;--bright:#ffc966;--ivory:#fff7e9;--lav:#b9a7ff;--muted:#d6cdea;--line:rgba(246,213,138,.34)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ivory);font-family:Inter,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(143,203,255,.15),transparent 30%),radial-gradient(circle at 82% 20%,rgba(185,167,255,.16),transparent 35%),linear-gradient(150deg,var(--night),var(--navy),var(--plum));background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.6) 0 1px,transparent 1.5px);background-size:77px 77px;opacity:.13}header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(7,11,36,.82);backdrop-filter:blur(14px)}.brand{font:700 clamp(25px,3vw,34px)/1 "Cormorant Garamond",serif;color:var(--ivory);text-decoration:none}.brand span,.eyebrow{color:var(--bright)}.back{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em}main{position:relative;z-index:1;width:min(1000px,calc(100% - 28px));margin:auto;padding:58px 0 90px}.hero{text-align:center;max-width:800px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700}.hero h1{font:700 clamp(44px,7vw,76px)/1 "Cormorant Garamond",serif;margin:12px 0 17px;text-shadow:0 0 30px rgba(185,167,255,.22)}.hero h1 span{font-size:.55em}.hero>p:last-child,.muted{color:var(--muted);line-height:1.65}.progress{display:flex;align-items:center;gap:18px;max-width:860px;margin:34px auto 18px;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.13em}.progress:after{content:"";height:4px;flex:1;background:rgba(255,255,255,.08);border-radius:99px}.progress i{position:absolute;height:4px;width:25%;margin-left:155px;background:linear-gradient(90deg,var(--lav),var(--bright));border-radius:99px;transition:.25s;box-shadow:0 0 14px rgba(255,201,102,.35)}form,.success{max-width:900px;margin:auto;padding:clamp(24px,5vw,52px);border:1px solid var(--line);border-radius:27px;background:linear-gradient(145deg,rgba(23,16,57,.8),rgba(8,13,39,.93));box-shadow:0 28px 80px rgba(0,0,0,.38);backdrop-filter:blur(15px)}.step{display:none}.step.active{display:block}.step h2,.success h2{font:700 clamp(34px,5vw,50px)/1.05 "Cormorant Garamond",serif;margin:0 0 14px}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.product{position:relative;display:block;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(7,11,36,.6);cursor:pointer}.product input{position:absolute;opacity:0}.cover{min-height:230px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,201,102,.17),transparent 36%),linear-gradient(145deg,#171039,#0c1235)}.cover span{font-size:64px;filter:drop-shadow(0 0 18px rgba(255,201,102,.3))}.product-copy{padding:20px}.product-copy h3{font:700 29px "Cormorant Garamond",serif;margin:0 0 8px;color:var(--ivory)}.product-copy p{color:var(--muted);line-height:1.55}.meta{display:flex;gap:12px;color:var(--gold);font-size:12px}.product input:checked~.cover,.product input:checked~.product-copy{box-shadow:inset 0 0 0 2px var(--bright)}.placeholder{position:absolute;top:14px;left:14px;background:var(--bright);color:var(--night);border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800;text-transform:uppercase}.notice,.checkout-note{padding:18px;border:1px solid rgba(185,167,255,.32);border-radius:15px;background:rgba(185,167,255,.08);color:var(--muted);line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}label{display:block;color:var(--gold);font-size:13px;font-weight:600}small{color:var(--muted);font-weight:400}input{width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(7,11,36,.7);color:var(--ivory);font:inherit}.magic-preview{text-align:center;margin:28px 0;padding:45px 20px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle,rgba(255,201,102,.13),transparent 48%),rgba(7,11,36,.55)}.magic-preview span{font-size:50px}.magic-preview p{font:700 clamp(28px,5vw,44px) "Cormorant Garamond",serif}.review{display:grid;grid-template-columns:180px 1fr;gap:12px 18px;margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(7,11,36,.55)}.review strong{color:var(--gold)}.confirm{display:flex;gap:10px;margin-top:20px;color:var(--muted)}.confirm input{width:auto;margin:2px 0}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.primary,.secondary{padding:15px 25px;border-radius:99px;border:0;font-weight:800;text-decoration:none;cursor:pointer}.primary{margin-left:auto;background:linear-gradient(135deg,#fff0b7,var(--bright));color:var(--night);box-shadow:0 0 20px rgba(255,201,102,.25)}.secondary{border:1px solid var(--line);background:transparent;color:var(--ivory)}.inline{display:inline-block}.error{min-height:20px;color:#ffb8c8}.success{text-align:center}.honey{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}@media(max-width:650px){header{padding:17px}.back{font-size:10px}.catalog,.fields{grid-template-columns:1fr}.cover{min-height:180px}.progress i{margin-left:0;margin-top:35px}.review{grid-template-columns:1fr}.review strong{margin-top:8px}form,.success{padding:24px 18px;border-radius:21px}.actions{position:sticky;bottom:10px;padding:10px;border-radius:99px;background:rgba(7,11,36,.9)}}