:root{--navy:#0B1D2F;--navy-2:#12304d;--gold:#C9A15A;--gold-l:#E4C88F;--text:#d7dde4;--muted:#93a1b0}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark}
body{min-height:100vh;display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text);line-height:1.6;
 background:radial-gradient(1200px 600px at 15% -10%,rgba(201,161,90,.16),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(201,161,90,.10),transparent 60%),linear-gradient(160deg,var(--navy-2),var(--navy) 55%,#07131f)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;
 background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:64px 64px;
 mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
a{color:var(--gold-l)}a:hover{color:#fff}
.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 24px}
main.hero{flex:1;display:flex;align-items:center;padding:56px 0}
.hero .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
.logo{width:min(340px,78vw);height:auto;animation:fade 1s ease both}
.eyebrow{display:inline-flex;align-items:center;gap:14px;margin-top:44px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.eyebrow::before,.eyebrow::after{content:"";width:36px;height:1px;background:var(--gold)}
h1{margin-top:18px;max-width:760px;color:#fff;font-size:clamp(30px,5.2vw,54px);line-height:1.12;font-weight:800;letter-spacing:-.02em}
h1 span{color:var(--gold)}
.lead{margin-top:20px;max-width:620px;font-size:clamp(16px,2vw,18px);color:var(--text)}
.progress{width:min(360px,80vw);height:3px;margin-top:36px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.progress i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-l));animation:load 2.6s ease-in-out infinite}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .25s}
.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 12px 30px -12px rgba(201,161,90,.7)}.btn-gold:hover{background:var(--gold-l);color:var(--navy)}
.btn-line{border:1px solid rgba(255,255,255,.25);color:#fff}.btn-line:hover{border-color:var(--gold);color:var(--gold-l)}
.btn svg{width:18px;height:18px}
.services{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:48px;max-width:820px;list-style:none}
.services li{padding:7px 14px;border:1px solid rgba(201,161,90,.3);border-radius:999px;font-size:13px;color:var(--muted);background:rgba(255,255,255,.02)}
footer{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;font-size:13px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
footer nav{display:flex;gap:20px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--gold-l)}
.legal{flex:1;padding:48px 0 64px}
.legal .back{display:inline-block;margin-bottom:28px}
.legal .logo-sm{width:190px;height:auto;display:block;margin-bottom:36px}
.legal h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px}
.legal h2{margin-top:34px;color:var(--gold);font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.legal p,.legal ul{margin-top:10px;max-width:760px}.legal ul{padding-left:20px}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:32px clamp(20px,4vw,48px)}
@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}