@font-face{font-family:Figtree;src:url(/assets/Figtree-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url(/assets/Figtree-600.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Figtree;src:url(/assets/Figtree-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Playfair;src:url(/assets/PlayfairDisplay-700.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--bg:#0e1730;--card:#16244a;--card2:#1b2c57;--gold:#e3b55a;--ink:#f4f1ea;--muted:#a9b2c6;--line:rgba(227,181,90,.3);--wa:#25d366}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(120% 70% at 50% 0%,#1d3060 0%,var(--bg) 60%);color:var(--ink);font:17px/1.55 Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;justify-content:center;padding:calc(36px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}
main{max-width:520px;width:100%}
.logo{display:flex;align-items:center;gap:10px;font-family:Playfair,Georgia,serif;font-size:20px;font-weight:700;color:var(--ink);text-decoration:none}
.logo span{color:var(--gold)}.logo svg{width:32px;height:32px}
.k{color:var(--gold);letter-spacing:.16em;font-size:12px;text-transform:uppercase;font-weight:700;margin-top:34px}
h1{font-family:Playfair,Georgia,serif;font-size:clamp(30px,8vw,40px);line-height:1.12;margin:10px 0 14px}
.lead{color:var(--muted);margin:0 0 26px}.lead i{font-style:normal;color:var(--ink)}
.card{display:block;text-decoration:none;color:var(--ink);background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:16px;transition:border-color .15s}
a.card:hover{border-color:var(--gold)}
.card .head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.card .head svg{width:34px;height:34px;flex:none}
.card b.t{display:block;font-family:Playfair,Georgia,serif;font-size:23px;line-height:1.2}
.card p{color:var(--muted);margin:0 0 16px;font-size:15px}
.card ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;font-size:15px}
.card li{padding-left:22px;position:relative}
.card li:before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:16px;border-radius:14px;padding:13px 18px;border:1px solid var(--gold);cursor:pointer;text-decoration:none;width:100%}
.btn.pri{background:var(--gold);color:#14203a}
.btn.sec{background:transparent;color:var(--gold)}
.btn.wa{background:var(--wa);border-color:var(--wa);color:#08331b}
.steps{display:none;margin:12px 0 0;padding:14px;border-radius:14px;background:rgba(227,181,90,.08);font-size:15px}
.steps ol{margin:0;padding-left:20px}.steps li{margin:4px 0;padding:0}.steps li:before{display:none}
.ok{display:none;color:var(--gold);font-weight:600;font-size:15px}
.links{margin-top:22px;font-size:14px;color:var(--muted);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}
.links a{color:var(--gold);text-decoration:none}
small{display:block;color:var(--muted);font-size:12px;margin-top:18px;text-align:center;opacity:.8}