*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:radial-gradient(circle at 50% 30%,#5b1fa6,#22074a 75%);font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center;padding:16px}
.card{width:min(94vw,460px);background:linear-gradient(180deg,#1d0f3d,#0c0818);border:3px solid #ffd23f;border-radius:26px;padding:28px 24px;box-shadow:0 0 40px rgba(255,210,63,.45),0 20px 60px #000;text-align:center}
.card.wide{width:min(96vw,900px)}
h1{font-size:30px;font-weight:900;margin-bottom:6px;text-shadow:0 0 18px #ff2e88,0 3px 0 #000}
.lead{color:#9ff3ff;margin-bottom:18px}
label{display:block;text-align:start;color:#ddd;font-weight:700;margin:12px 0 4px}
input,select{width:100%;background:#0c0c10;border:1px solid #b44cff;color:#fff;border-radius:12px;padding:12px;font-size:16px;font-family:inherit}
input[type=email],input[type=password],.ltr{direction:ltr;text-align:left}
button,.btn{display:inline-block;border:0;border-radius:30px;padding:12px 26px;font-size:18px;font-weight:900;cursor:pointer;background:#ffd23f;color:#000;font-family:inherit;text-decoration:none;margin-top:16px}
button.sec,.btn.sec{background:rgba(255,255,255,.12);color:#fff;border:1px solid #666}
button:disabled{opacity:.6;cursor:wait}
.msg{min-height:24px;margin-top:12px;font-weight:700}
.err{color:#ff6b6b}.ok{color:#7dffb0}
.links{margin-top:16px;color:#a2a2b5;font-size:15px}.links a{color:#9ff3ff}
.row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #2b2b36;text-align:start}
.pill{display:inline-block;padding:4px 14px;border-radius:20px;font-weight:800}
.pill.on{background:#16c060;color:#04210f}.pill.off{background:#ff8a1f;color:#111}
.test-banner{background:#ff2e88;color:#fff;font-weight:900;padding:8px;border-radius:12px;margin-bottom:14px}
table{width:100%;border-collapse:collapse;font-size:13px;direction:ltr;text-align:left;margin-top:8px}
th,td{padding:6px 8px;border-bottom:1px solid #2b2b36;word-break:break-all}
th{color:#9ff3ff}

html[dir=ltr] input[type=email],html[dir=ltr] input[type=password]{text-align:left}

.social{margin-top:14px}.social .or{color:#8a8aa0;font-size:14px;margin:12px 0 2px}
.social button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;font-size:16px;padding:11px 16px}
.social .gbtn{background:#fff;color:#222}.social .tbtn{background:#111;color:#fff;border:1px solid #fe2c55}
.social svg{width:20px;height:20px;flex:none}
.qrm{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:90;align-items:center;justify-content:center}
.qrm .card{width:min(92vw,340px)}.qrm img{width:240px;height:240px;background:#fff;border-radius:12px;padding:6px;margin:12px auto;display:block}
.qrm img.dim{opacity:.25}