html,body{margin:0;background:#0f1230}
#gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:radial-gradient(circle at 50% 0,#2a1a3c,#0f1230 70%)}
#gate[hidden]{display:none}
.gatecard{max-width:360px;width:100%;text-align:center;padding:32px 24px;border:1px solid rgba(212,175,90,.45);border-radius:16px;background:rgba(20,22,52,.85);color:#e8e6f2}
.gatecard img{width:150px;height:auto;margin:0 auto 16px;display:block}
.gatecard p{margin:0 0 20px;font-size:15px;line-height:1.4}
.gatecard button{width:100%;padding:13px 16px;border:0;border-radius:10px;font-size:16px;font-weight:600;background:#d4af5a;color:#1a1530;cursor:pointer}
.gatecard button[disabled]{opacity:.6}
.gatecard .demolink{margin:16px 0 0;font-size:13px;color:#e5c374;text-decoration:underline;cursor:pointer}
#demobox2{margin-top:16px}
#demobox2[hidden]{display:none}
#democode{width:100%;box-sizing:border-box;margin:0 0 10px;padding:12px;border-radius:10px;border:1px solid rgba(212,175,90,.5);background:#0f1230;color:#fff;font-size:16px;text-align:center}
.gatecard button.alt{background:transparent;color:#e5c374;border:1px solid #d4af5a}