:root{--gold:#f6b800;--gold2:#ffd65a;--ink:#101010}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#050505;color:#fff}.page{min-height:100vh;display:grid;place-items:center;padding:18px;background:#050505}.hero{width:min(1120px,100%);min-height:min(720px,94vh);border:1px solid rgba(246,184,0,.55);border-radius:28px;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.18)),url('topfm-bg.png');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:flex-end;padding:5vw;box-shadow:0 25px 80px rgba(0,0,0,.55)}.brand-panel{width:min(540px,51%);background:rgba(255,255,255,.96);color:var(--ink);border-radius:28px;padding:34px 34px 30px;text-align:center;box-shadow:0 20px 55px rgba(0,0,0,.28);border:2px solid rgba(246,184,0,.65)}.brand-mini{font-size:13px;letter-spacing:.12em;font-weight:800;color:#9a6c00;margin-bottom:18px}.brand-panel h1{font-size:clamp(31px,4vw,55px);line-height:1.02;margin:0 0 16px;font-weight:500}.brand-panel h1 strong{color:#d99b00}.brand-panel>p{font-size:18px;line-height:1.35}.step{width:30px;height:30px;border-radius:50%;margin:18px auto 10px;display:grid;place-items:center;background:#111;color:#ffd34d;font-weight:800}.btn{display:block;width:100%;padding:16px 18px;border-radius:14px;text-decoration:none;font-weight:900;border:0;font-size:16px;cursor:pointer}.insta{background:#151515;color:white;border:1px solid #e1ad27}.connect{background:linear-gradient(#ffd34d,#e6a500);color:#111;box-shadow:0 5px 0 #9b6700}.hint{font-size:12px;color:#666;margin-top:8px}.confirm{display:flex;gap:9px;align-items:center;justify-content:center;font-size:14px;margin:0 0 12px}.privacy{font-size:12px!important;color:#686868}.warning{margin-top:14px;background:#fff3cd;color:#664d03;padding:10px;border-radius:10px;font-size:13px}@media(max-width:760px){.page{padding:0}.hero{min-height:100vh;border-radius:0;border:0;background-position:32% center;justify-content:center;align-items:flex-end;padding:18px 14px 24px}.hero:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72));pointer-events:none}.brand-panel{position:relative;width:100%;padding:24px 18px 20px;border-radius:22px}.brand-panel h1{font-size:36px}.brand-panel>p{font-size:16px}}