:root{--navy:#0B1638;--gold:#C9A961;--gold2:#E6CF97;--sky:#5BB4E5;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0}
body{font:300 17px/1.65 var(--sans);color:#fff;background:radial-gradient(120% 60% at 80% 0%,#1E3A8A55,transparent 60%),linear-gradient(180deg,#0E1B47 0%,var(--navy) 45%,#081130 100%);min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 72px);mask:linear-gradient(#000,transparent 70%)}
a{color:inherit}.wrap{width:100%;max-width:640px;margin:0 auto;padding:0 22px}
header{display:flex;justify-content:center;padding:36px 0 26px}header img{height:30px;width:auto}
footer{text-align:center;padding:64px 0 50px;color:#ffffff90;font-size:13px;letter-spacing:.18em}footer img{height:34px;width:auto;display:block;margin:0 auto 12px}
.bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}
.bg i:nth-child(1){width:60vmax;height:60vmax;left:-20vmax;top:-15vmax;background:radial-gradient(circle,#2B4FB077,transparent 65%);animation:d1 38s ease-in-out infinite alternate}
.bg i:nth-child(2){width:46vmax;height:46vmax;right:-18vmax;top:30vh;background:radial-gradient(circle,#C9A96130,transparent 65%);animation:d2 46s ease-in-out infinite alternate}
.bg i:nth-child(3){width:50vmax;height:50vmax;left:10vw;bottom:-25vmax;background:radial-gradient(circle,#5BB4E52a,transparent 65%);animation:d3 52s ease-in-out infinite alternate}
@keyframes d1{to{transform:translate3d(14vw,10vh,0) scale(1.1)}}@keyframes d2{to{transform:translate3d(-16vw,-12vh,0) scale(.92)}}@keyframes d3{to{transform:translate3d(12vw,-14vh,0) scale(1.08)}}
main{animation:fu 1s var(--ease) both}@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.eyebrow{text-align:center;color:var(--gold);font-size:12.5px;letter-spacing:.32em;text-transform:uppercase}
h1{font:500 40px/1.15 var(--serif);text-align:center;letter-spacing:.02em;margin:10px 0 6px}
h1 em{font-style:italic;color:var(--gold2)}
.sub{text-align:center;color:#ffffffb0;margin:0 auto 26px;max-width:460px}
.deal{display:flex;align-items:center;gap:18px;justify-content:space-between;border:1px solid #C9A96166;background:linear-gradient(135deg,#C9A9611a,#ffffff06);padding:20px 22px;margin-bottom:22px}
.deal .big{font:600 52px/1 var(--serif);color:var(--gold2);letter-spacing:.02em;white-space:nowrap}
.deal .txt b{display:block;font:500 20px/1.25 var(--serif);color:#fff}.deal .txt span{font-size:14px;color:#ffffffb0}
.deal .price{text-align:right;white-space:nowrap}.deal .price b{display:block;font:500 26px/1.1 var(--serif);color:#fff}.deal .price span{font-size:12px;letter-spacing:.14em;color:#ffffff90}
.notice{text-align:center;border:1px solid #C9A96166;background:#ffffff0a;padding:34px 22px;margin-bottom:22px}
.notice h2{font:500 28px/1.25 var(--serif);color:var(--gold2);margin-bottom:8px}.notice p{color:#ffffffc0}
form{background:#ffffff0a;border:1px solid #ffffff1c;padding:28px 22px;backdrop-filter:blur(6px)}
form[aria-disabled=true]{opacity:.45;pointer-events:none;filter:grayscale(.3)}
.f{margin-bottom:18px}label{display:block;font-size:15px;letter-spacing:.06em;margin-bottom:7px;color:#ffffffd0}.req{color:var(--gold)}
input,textarea{width:100%;min-height:50px;padding:12px 14px;background:#0A1434;border:1px solid #ffffff2a;color:#fff;font:400 16px var(--sans);border-radius:2px}
textarea{min-height:96px;resize:vertical;line-height:1.5}
input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
[aria-invalid=true]{border-color:#FFB4A8}
.qty{display:flex;align-items:center;gap:0;width:max-content;border:1px solid #ffffff2a}
.qty button{width:50px;height:50px;background:#0A1434;border:0;color:var(--gold2);font:400 24px var(--sans);cursor:pointer}
.qty button:disabled{opacity:.35;cursor:default}
.qty output{min-width:60px;text-align:center;font:500 20px var(--sans)}
.total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #ffffff1a;padding-top:16px;margin:6px 0 14px}
.total span{letter-spacing:.14em;font-size:13px;color:#ffffffa0}.total b{font:500 30px var(--serif);color:var(--gold2)}
.err{color:#FFB4A8;font-size:14px;margin-top:6px}.err:empty{display:none}
.check{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:#ffffffb8;margin:4px 0 16px;cursor:pointer;letter-spacing:normal}
.check input{width:22px;height:22px;min-height:0;flex:none;margin-top:1px;accent-color:var(--gold)}
.check a{color:var(--gold2)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 22px;border:1px solid #C9A96199;color:var(--gold2);text-decoration:none;font:500 15px var(--sans);letter-spacing:.2em;background:none;cursor:pointer;transition:.25s}
.btn.solid{width:100%;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy);border:0}
.btn.solid:hover{filter:brightness(1.07)}.btn:disabled{opacity:.6;cursor:wait}
.formerr{margin-top:12px;text-align:center}
.trust{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:18px 0 0}
.trust li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #C9A96155;border-radius:999px;font:400 12px/1.2 var(--sans);letter-spacing:.08em;color:#ffffffd0;background:#0A143499}
.trust svg{width:15px;height:15px;color:var(--gold);flex:none}
.small{font-size:13px;color:#ffffff90;text-align:center;margin-top:14px}
.legal{max-width:560px;margin:34px auto 0;text-align:left;letter-spacing:normal;font-size:13px;line-height:1.75;color:#ffffff99}
.legal details{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:12px 0}
.legal summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--gold2);font-size:13px;letter-spacing:.16em}
.legal summary::-webkit-details-marker{display:none}.legal summary:after{content:"+";font-size:18px;line-height:1;color:var(--gold)}.legal details[open] summary:after{content:"\2212"}
.legal details p{margin-top:10px}.legal h4{margin-top:18px;color:var(--gold2);font:500 13px var(--sans);letter-spacing:.16em}.legal h4+p{margin-top:8px}
.legal .copy{margin-top:22px;text-align:center;font-size:11.5px;letter-spacing:.08em;color:#ffffff70}
.status{text-align:center;padding:46px 22px;border:1px solid #C9A96166;background:#ffffff0a}
.status svg{width:58px;height:58px;color:var(--gold);margin-bottom:12px}
.status h2{font:500 32px/1.25 var(--serif);color:var(--gold2);margin-bottom:8px}.status p{color:#ffffffc0}
.status .ref{display:inline-block;margin-top:16px;padding:8px 14px;border:1px dashed #C9A96188;font:500 15px var(--sans);letter-spacing:.12em;color:#fff}
.spin{width:42px;height:42px;border:3px solid #ffffff22;border-top-color:var(--gold);border-radius:50%;margin:0 auto 16px;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.tag{display:inline-block;margin:0 auto 16px;padding:4px 10px;border:1px solid #5BB4E5;color:var(--sky);font-size:11px;letter-spacing:.2em}
.hide{display:none!important}
@media(min-width:700px){h1{font-size:50px}form{padding:36px}.deal{padding:24px 28px}}
@media(max-width:380px){.deal{flex-wrap:wrap}.deal .price{text-align:left}}
@media(prefers-reduced-motion:reduce){.bg i,main,.spin{animation:none!important}}
.deal .big small{font-size:.6em;margin:0 .06em;color:var(--gold)}
h1 em{white-space:nowrap}
