:root{
--black:#050304;--coal:#0E090B;--plum:#1A0B11;--maroon:#4C1320;--maroon-d:#320C16;
--gold:#C9A227;--gold-l:#F0DA96;--gold-d:#7A5A12;--cream:#EFE3C8;--txt:#D8C9AE;
--green:#1F9D63;--green2:#127346;--red:#8E1B2C;
--gold-grad:linear-gradient(180deg,#F6E7AE 0%,#E3C15F 28%,#C9A227 52%,#8A6A14 78%,#E8CE7A 100%);
--gold-text:linear-gradient(180deg,#FFF3C4 0%,#EFD98B 35%,#C9A227 60%,#9A7716 82%,#F0DA96 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Jost',system-ui,sans-serif;background:var(--black);color:var(--txt);line-height:1.65;
-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,.display{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.02em;line-height:1.18}
.wrap{max-width:820px;margin:0 auto;padding:0 22px;position:relative;z-index:2}
.wrap-wide{max-width:1100px;margin:0 auto;padding:0 22px;position:relative;z-index:2}

/* metallic text */
.gild{background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}

/* ambient vignette */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:radial-gradient(1200px 700px at 50% -10%,rgba(201,162,39,.10),transparent 60%),
radial-gradient(900px 600px at 50% 110%,rgba(76,19,32,.25),transparent 60%)}

/* top bars */
.alert-bar{position:relative;z-index:3;background:linear-gradient(90deg,#5C1626,var(--red),#5C1626);
color:var(--gold-l);text-align:center;padding:10px 14px;font-weight:600;font-size:.82rem;letter-spacing:.14em;
text-transform:uppercase;border-bottom:1px solid var(--gold-d)}
.brand-bar{position:relative;z-index:3;background:linear-gradient(180deg,#120A0D,#050304);
text-align:center;padding:16px 10px 14px;border-bottom:1px solid rgba(201,162,39,.35)}
.brand-bar img{height:54px;vertical-align:middle;filter:drop-shadow(0 0 14px rgba(201,162,39,.45))}
.brand-bar .bt{display:inline-block;vertical-align:middle;text-align:left;margin-left:14px}
.brand-bar .tm{color:var(--gold);font-size:.6rem;letter-spacing:.5em;font-weight:600}
.brand-bar .dd{font-family:'Cinzel',serif;color:var(--gold-l);font-size:1.05rem;letter-spacing:.22em;font-weight:700}

/* hero */
.hero{position:relative;padding:64px 0 78px;text-align:center;overflow:hidden;
background:radial-gradient(ellipse 130% 90% at 50% 0%,#23101A 0%,#120A0E 45%,var(--black) 100%);
border-bottom:1px solid var(--gold-d)}
#circuit{position:absolute;inset:0;z-index:0;opacity:.9}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:radial-gradient(ellipse 60% 55% at 50% 42%,transparent 30%,rgba(5,3,4,.72) 100%)}
.hero .wrap{z-index:2}
.crest-stage{perspective:1100px;margin:6px auto 20px;width:min(300px,58vw)}
.crest{width:100%;display:block;transform-style:preserve-3d;animation:floaty 7s ease-in-out infinite;
filter:drop-shadow(0 24px 42px rgba(0,0,0,.85)) drop-shadow(0 0 34px rgba(201,162,39,.35))}
@keyframes floaty{0%,100%{transform:rotateY(-7deg) rotateX(3deg) translateY(0)}
50%{transform:rotateY(7deg) rotateX(-2deg) translateY(-12px)}}
.eyebrow{color:var(--gold);font-weight:600;font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;margin-bottom:16px}
.hero h1{font-size:clamp(1.7rem,4.8vw,3rem);margin-bottom:18px}
.sub{font-size:clamp(1rem,2.1vw,1.18rem);color:var(--txt);max-width:660px;margin:0 auto 26px;font-weight:300}
.sub b{color:var(--gold-l);font-weight:600}

/* video */
.video-shell{max-width:700px;margin:0 auto 30px;border-radius:12px;overflow:hidden;position:relative;
background:#000;padding:3px;background-image:var(--gold-grad);
box-shadow:0 24px 60px rgba(0,0,0,.8),0 0 44px rgba(201,162,39,.22)}
.video-16x9{position:relative;padding-top:56.25%;background:#000;border-radius:9px;overflow:hidden}
.video-16x9 iframe,.video-16x9 video{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:10px;background:radial-gradient(circle at 50% 38%,#2A1019,#0A0507 75%);text-align:center;padding:20px}
.video-placeholder .play{width:70px;height:70px;border-radius:50%;background:var(--gold-grad);display:flex;align-items:center;
justify-content:center;font-size:1.45rem;color:#241303;box-shadow:0 6px 18px rgba(0,0,0,.6),inset 0 2px 3px rgba(255,255,255,.55)}
.video-placeholder strong{color:var(--gold-l);font-family:'Cinzel',serif;letter-spacing:.04em}
.video-placeholder small{color:#9C8A6E;max-width:440px;font-size:.78rem}

/* buttons */
.btn{display:inline-block;position:relative;background:var(--gold-grad);color:#2A1503;font-weight:700;
font-family:'Cinzel',serif;font-size:clamp(.95rem,2.3vw,1.15rem);letter-spacing:.05em;padding:18px 42px;border-radius:12px;
text-decoration:none;border:0;cursor:pointer;overflow:hidden;
box-shadow:0 10px 26px rgba(0,0,0,.65),0 0 30px rgba(201,162,39,.30),inset 0 2px 2px rgba(255,255,255,.65),inset 0 -3px 6px rgba(90,64,8,.55);
transition:transform .14s ease,box-shadow .14s ease}
.btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 16px 34px rgba(0,0,0,.7),0 0 44px rgba(201,162,39,.45),inset 0 2px 2px rgba(255,255,255,.65),inset 0 -3px 6px rgba(90,64,8,.55)}
.btn:active{transform:translateY(1px)}
.btn::after{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;transform:skewX(-22deg);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shine 4.2s ease-in-out infinite}
@keyframes shine{0%,70%{left:-130%}85%,100%{left:160%}}
.btn.emerald{background:linear-gradient(180deg,#3DBF85,#1F9D63 55%,#0F6B41);color:#04170D;
box-shadow:0 10px 26px rgba(0,0,0,.65),0 0 30px rgba(31,157,99,.35),inset 0 2px 2px rgba(255,255,255,.5),inset 0 -3px 6px rgba(6,60,36,.6)}
.btn-note{display:block;font-size:.78rem;color:#9C8A6E;margin-top:12px;letter-spacing:.06em}
.decline{display:inline-block;margin-top:24px;color:#8A7563;font-size:.84rem;text-decoration:underline;text-underline-offset:3px}
.decline:hover{color:var(--txt)}

/* timer */
.timer-box{margin:28px auto 0;text-align:center}
.timer-label{font-size:.72rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.timer{display:inline-flex;gap:10px;font-family:'Cinzel',serif;font-weight:900}
.timer span{position:relative;background:linear-gradient(180deg,#1C0D13,#0C0508);color:var(--gold-l);
border:1px solid var(--gold-d);border-radius:10px;min-width:70px;padding:12px 8px 9px;font-size:1.6rem;display:inline-block;
box-shadow:inset 0 2px 8px rgba(0,0,0,.9),0 4px 14px rgba(0,0,0,.6),0 0 18px rgba(201,162,39,.14)}
.timer span::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:rgba(201,162,39,.25)}
.timer small{display:block;font-family:'Jost';font-size:.55rem;color:#9C8A6E;letter-spacing:.22em;margin-top:4px;font-weight:600}

/* sections */
section{padding:64px 0;position:relative;z-index:2}
section h2{font-size:clamp(1.35rem,3.3vw,2rem);text-align:center;margin-bottom:14px}
.sec-rule{display:flex;align-items:center;gap:12px;justify-content:center;margin:0 auto 30px;max-width:340px}
.sec-rule::before,.sec-rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-d))}
.sec-rule::after{background:linear-gradient(90deg,var(--gold-d),transparent)}
.sec-rule i{width:9px;height:9px;background:var(--gold-grad);transform:rotate(45deg);display:block;
box-shadow:0 0 10px rgba(201,162,39,.6)}
p.center{text-align:center;max-width:660px;margin:0 auto 16px;font-weight:300}
p.center b{color:var(--gold-l);font-weight:600}
.dark-sec{background:linear-gradient(180deg,#0B0608,#170A0F 50%,#0B0608);border-top:1px solid rgba(201,162,39,.22);
border-bottom:1px solid rgba(201,162,39,.22)}

/* 3D vault plates (signature cards) */
.plate{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;position:relative;border-radius:14px;padding:2px;margin-bottom:18px;
background:linear-gradient(140deg,#E8CE7A,#7A5A12 40%,#C9A227 70%,#5E430C);
transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;
transition:transform .18s ease;box-shadow:0 18px 40px rgba(0,0,0,.7)}
.plate-in{position:relative;border-radius:12px;padding:22px 26px;overflow:hidden;
background:linear-gradient(160deg,#2A1019 0%,#1A0B11 60%,#120709 100%)}
.plate-in::before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(340px circle at var(--gx) var(--gy),rgba(240,218,150,.14),transparent 65%)}
.plate h3{font-size:1.02rem;color:var(--gold-l);margin-bottom:6px;letter-spacing:.03em}
.plate p{font-size:.92rem;color:var(--txt);font-weight:300}
.plate .val{position:absolute;top:14px;right:16px;font-size:.68rem;font-weight:700;color:var(--gold);
border:1px solid var(--gold-d);border-radius:6px;padding:3px 9px;letter-spacing:.08em;background:rgba(5,3,4,.55)}
.total-line{text-align:center;font-family:'Cinzel',serif;font-size:1.25rem;color:var(--cream);margin-top:28px}
.total-line s{color:#8A7563;font-weight:400}
.total-line .now{font-size:1.9rem;font-weight:900}

/* guarantee medallion */
.guarantee{position:relative;border-radius:16px;padding:2px;background:linear-gradient(140deg,#E8CE7A,#7A5A12,#C9A227);
box-shadow:0 18px 44px rgba(0,0,0,.65)}
.guarantee-in{border-radius:14px;background:linear-gradient(160deg,#20101A,#120709);padding:28px;display:flex;gap:22px;align-items:center}
.seal{flex:0 0 96px;height:96px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#F6E7AE,#C9A227 55%,#7A5A12);
color:#2A1503;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Cinzel',serif;
font-weight:900;font-size:1.5rem;box-shadow:0 8px 20px rgba(0,0,0,.7),inset 0 3px 5px rgba(255,255,255,.6),inset 0 -4px 8px rgba(90,64,8,.6)}
.seal small{font-family:'Jost';font-size:.5rem;letter-spacing:.2em;font-weight:700}
.guarantee p{font-weight:300}
.guarantee b{color:var(--gold-l)}

/* faq */
details{background:linear-gradient(160deg,#180B10,#0E0709);border:1px solid rgba(201,162,39,.3);border-radius:12px;
margin-bottom:12px;padding:18px 22px;transition:border-color .2s}
details[open]{border-color:var(--gold)}
summary{font-weight:600;color:var(--gold-l);cursor:pointer;font-family:'Cinzel',serif;font-size:.95rem;letter-spacing:.02em}
details p{margin-top:12px;font-size:.92rem;font-weight:300}

/* checkout */
.checkout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
@media(max-width:780px){.checkout-grid{grid-template-columns:1fr}}
.panel{position:relative;border-radius:16px;padding:2px;background:linear-gradient(150deg,#E8CE7A,#7A5A12 45%,#C9A227);
box-shadow:0 18px 44px rgba(0,0,0,.6)}
.panel-in{border-radius:14px;background:linear-gradient(165deg,#1D0E15,#0F0709);padding:26px}
.panel h3{color:var(--gold-l);margin-bottom:16px;font-size:1rem;letter-spacing:.05em}
.order-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(201,162,39,.18);font-size:.95rem}
.order-row.total{font-weight:700;font-size:1.12rem;border-bottom:0;color:var(--gold-l);font-family:'Cinzel',serif}
.bump{margin:20px 0;border-radius:12px;padding:2px;display:block;cursor:pointer;
background:var(--gold-grad);animation:bumpPulse 2.6s ease-in-out infinite}
@keyframes bumpPulse{0%,100%{box-shadow:0 0 0 rgba(201,162,39,.0)}50%{box-shadow:0 0 22px rgba(201,162,39,.4)}}
.bump-in{display:block;border-radius:10px;background:#20101A;padding:18px 20px;font-size:1rem;font-weight:400;line-height:1.6;color:#F3E9D8}
.bump input{transform:scale(1.5);margin-right:12px;margin-top:2px;accent-color:var(--green);vertical-align:top}
.bump strong{display:block;color:var(--gold-l);font-size:1.05rem;margin-bottom:8px;letter-spacing:.02em}
.bump b{color:var(--gold-l);font-weight:700}
.bump em{color:#C9BBA3;font-style:italic}
.secure{font-size:.75rem;color:#8A7563;text-align:center;margin-top:14px;letter-spacing:.05em}
.code-banner{position:relative;z-index:5;background:linear-gradient(90deg,#0F3A26,#1F9D63,#0F3A26);color:#EFFFF6;
text-align:center;padding:12px 18px;font-size:.85rem;font-weight:600;letter-spacing:.02em}
.code-banner b{font-family:'Cinzel',serif;letter-spacing:.06em;font-size:.95rem}
.code-banner .cb-note{font-weight:300;opacity:.85;display:block;font-size:.72rem;margin-top:2px}
@media(min-width:640px){.code-banner .cb-note{display:inline;margin-top:0;margin-left:6px}}

/* forms */
.field{margin-bottom:15px}
.field label{display:block;font-weight:600;font-size:.8rem;margin-bottom:6px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid rgba(201,162,39,.4);border-radius:9px;
font:inherit;background:#0C0608;color:var(--cream)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 14px rgba(201,162,39,.25)}

/* members */
.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}
.level-card{position:relative;border-radius:16px;padding:2px;background:linear-gradient(150deg,#E8CE7A,#7A5A12 45%,#C9A227);
transform-style:preserve-3d;box-shadow:0 16px 38px rgba(0,0,0,.65)}
.level-card.locked{background:linear-gradient(150deg,#4A4038,#2A241F);opacity:.62}
.level-in{border-radius:14px;background:linear-gradient(165deg,#1D0E15,#0E0708);overflow:hidden;height:100%}
.level-head{background:linear-gradient(90deg,#3A0F1D,#2A0B15);padding:14px 18px;display:flex;justify-content:space-between;
align-items:center;border-bottom:1px solid rgba(201,162,39,.35)}
.level-head .lv{font-family:'Cinzel',serif;font-weight:900;color:var(--gold);font-size:.78rem;letter-spacing:.16em}
.level-body{padding:20px}
.level-body h3{color:var(--gold-l);margin-bottom:8px;font-size:1rem}
.level-body p{font-size:.87rem;margin-bottom:16px;font-weight:300}
.dl{display:inline-block;background:var(--gold-grad);color:#2A1503;font-weight:700;font-size:.82rem;padding:11px 18px;
border-radius:9px;text-decoration:none;letter-spacing:.04em;box-shadow:inset 0 2px 2px rgba(255,255,255,.55),0 5px 14px rgba(0,0,0,.55)}
.locked .dl{background:#3A322B;color:#8A7C6C;pointer-events:none;box-shadow:none}
.lock-tag{font-size:.68rem;font-weight:700;color:#B9552F;letter-spacing:.12em}

/* admin */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}
.stat{border-radius:14px;padding:2px;background:linear-gradient(150deg,#C9A227,#7A5A12)}
.stat-in{border-radius:12px;background:#150A0F;padding:18px;text-align:center}
.stat .num{font-family:'Cinzel',serif;font-weight:900;font-size:1.6rem;color:var(--gold-l)}
.stat .lab{font-size:.66rem;letter-spacing:.16em;color:#9C8A6E;text-transform:uppercase;font-weight:600;margin-top:4px}
.check-list li{list-style:none;background:#150A0F;border:1px solid rgba(201,162,39,.28);border-radius:10px;
padding:12px 16px;margin-bottom:9px;display:flex;gap:12px;align-items:center;font-size:.9rem;font-weight:300}
.check-list input{transform:scale(1.35);accent-color:var(--green)}
table.codes{width:100%;border-collapse:collapse;font-size:.86rem}
table.codes th,table.codes td{border:1px solid rgba(201,162,39,.3);padding:10px 12px;text-align:left}
table.codes th{background:#3A0F1D;color:var(--gold-l);font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.1em}
code{background:#0C0608;border:1px solid var(--gold-d);border-radius:5px;padding:2px 8px;font-weight:700;color:var(--gold-l)}

/* steps */
.steps li{list-style:none;border-radius:14px;padding:2px;margin-bottom:14px;background:linear-gradient(150deg,#C9A227,#7A5A12)}
.steps .step-in{border-radius:12px;background:linear-gradient(165deg,#1D0E15,#0F0709);padding:18px 20px;display:flex;gap:16px;align-items:flex-start}
.steps .n{flex:0 0 38px;height:38px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#F6E7AE,#C9A227 55%,#7A5A12);
color:#2A1503;font-family:'Cinzel',serif;font-weight:900;display:flex;align-items:center;justify-content:center;
box-shadow:inset 0 2px 3px rgba(255,255,255,.55),0 4px 10px rgba(0,0,0,.6)}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(26px) perspective(700px) rotateX(4deg);transition:opacity .7s ease,transform .7s ease}
.rv.on{opacity:1;transform:none}

.redbar{position:relative;z-index:3;background:linear-gradient(90deg,#5C1626,var(--red),#5C1626);color:var(--gold-l);
text-align:center;padding:12px;font-weight:600;letter-spacing:.1em;font-size:.82rem;text-transform:uppercase;
border-bottom:1px solid var(--gold-d)}
footer{position:relative;z-index:2;background:#070405;color:#8A7563;text-align:center;padding:40px 22px;font-size:.74rem;
line-height:1.8;border-top:1px solid rgba(201,162,39,.3)}
footer img{height:66px;display:block;margin:0 auto 12px;filter:drop-shadow(0 0 12px rgba(201,162,39,.35))}
footer a{color:var(--gold)}
@media(prefers-reduced-motion:reduce){*,.crest,.btn::after{animation:none!important;transition:none!important}
.rv{opacity:1;transform:none}}

/* ================= MASTERPIECE LAYER ================= */
/* gold scrollbar */
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:#0A0607}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#E8CE7A,#7A5A12);border-radius:6px;border:2px solid #0A0607}

/* full-page gold dust */
#dust{position:fixed;inset:0;z-index:1;pointer-events:none}

/* rotating light rays behind crest */
.crest-stage{position:relative}
.rays{position:absolute;inset:-46%;z-index:-1;border-radius:50%;opacity:.5;
background:conic-gradient(from 0deg,transparent 0 10deg,rgba(201,162,39,.16) 14deg 18deg,transparent 22deg 40deg,
rgba(201,162,39,.10) 44deg 47deg,transparent 51deg 78deg,rgba(240,218,150,.14) 82deg 86deg,transparent 90deg 120deg,
rgba(201,162,39,.12) 124deg 128deg,transparent 132deg 165deg,rgba(201,162,39,.16) 169deg 173deg,transparent 177deg 205deg,
rgba(240,218,150,.10) 209deg 213deg,transparent 217deg 250deg,rgba(201,162,39,.14) 254deg 258deg,transparent 262deg 295deg,
rgba(201,162,39,.10) 299deg 303deg,transparent 307deg 340deg,rgba(240,218,150,.14) 344deg 348deg,transparent 352deg 360deg);
animation:raySpin 26s linear infinite;
-webkit-mask-image:radial-gradient(circle,#000 22%,transparent 68%);mask-image:radial-gradient(circle,#000 22%,transparent 68%)}
@keyframes raySpin{to{transform:rotate(360deg)}}

/* animated shimmer over gilded type */
.gild{background-size:100% 260%;animation:gildShine 6.5s ease-in-out infinite}
@keyframes gildShine{0%,100%{background-position:50% 8%}50%{background-position:50% 88%}}

/* deeper hero staging */
.hero{perspective:1200px}
.hero .wrap{transform-style:preserve-3d}

/* seal coin spin on hover */
.seal{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.guarantee:hover .seal{transform:rotateY(360deg)}

/* 3D flip-in entrance variant */
.rv-flip{opacity:0;transform:perspective(900px) rotateY(-24deg) translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.25,1)}
.rv-flip.on{opacity:1;transform:none}

/* plate edge shimmer */
.plate::after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;
background:linear-gradient(115deg,transparent 30%,rgba(255,244,200,.35) 50%,transparent 70%);
background-size:260% 100%;animation:edgeSweep 5.6s ease-in-out infinite;mix-blend-mode:overlay}
@keyframes edgeSweep{0%,60%{background-position:130% 0}90%,100%{background-position:-130% 0}}

/* selection */
::selection{background:#C9A227;color:#241303}
@media(prefers-reduced-motion:reduce){.rays,.gild,.plate::after{animation:none!important}
.rv-flip{opacity:1;transform:none}}