:root{--navy:#0C1D3E;--gold:#D2AA5C;--green:#88B838;--ink:#0C1D3E;--bg:#F6F3EC}
@font-face{font-family:Poppins;src:url(fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url(fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}
.top{background:var(--navy);padding:14px 20px;border-bottom:4px solid var(--gold);text-align:center}
.brand{color:var(--gold);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
.wrap{flex:1;width:100%;max-width:480px;margin:0 auto;padding:28px 20px 24px}
h1{font-size:30px;line-height:1.2;margin:0 0 8px;font-weight:700;color:var(--navy)}
.gold{color:var(--gold)}
.sub{margin:0 0 22px;font-size:16px;color:#3a4660}
.steps{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}
.steps li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:12px 14px;font-size:16px;font-weight:600;box-shadow:0 1px 3px rgba(12,29,62,.08)}
.num{flex:0 0 34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700}
.btn{display:block;width:100%;text-align:center;font-family:inherit;border-radius:16px;cursor:pointer;text-decoration:none;border:0}
.primary{background:var(--green);color:#fff;font-size:21px;font-weight:700;padding:20px 16px;box-shadow:0 6px 0 #5f8424,0 8px 18px rgba(12,29,62,.18)}
.primary:active{transform:translateY(3px);box-shadow:0 3px 0 #5f8424}
.secondary{background:#fff;color:var(--navy);border:2px solid var(--navy);font-size:17px;font-weight:600;padding:14px 16px}
.btn:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.tip{margin:16px 0 0;font-size:14px;color:#3a4660;background:#fff8e8;border-left:4px solid var(--gold);padding:10px 12px;border-radius:8px}
.or{display:flex;align-items:center;gap:12px;margin:26px 0 18px;color:#6b7690;font-size:14px}
.or:before,.or:after{content:"";flex:1;height:1px;background:#d6d2c6}
.copied,.fallback{margin-top:14px;background:#fff;border-radius:12px;padding:12px 14px;font-size:15px}
.copied p,.fallback p{margin:0 0 8px;font-weight:600}
.copied a,.fallback a{color:var(--navy);font-weight:600}
textarea{width:100%;font-family:inherit;font-size:13px;border:1px solid #c9c4b6;border-radius:8px;padding:8px;margin-bottom:8px;color:var(--ink)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.foot{background:var(--navy);color:#dfe4ee;padding:18px 20px 22px;text-align:center;font-size:13px}
.foot p{margin:0 auto 6px;max-width:440px}
.foot .small{color:var(--gold);font-weight:600;margin:0}