@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#030d1b;--panel:#071a30;--blue:#087dff;--cyan:#14b8ff;--text:#e7f1ff;--muted:#9eb8d6;--line:#16436e}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font:14px/1.55 Inter,Arial,sans-serif;background:radial-gradient(ellipse at 50% 5%,#07366b 0,transparent 42%),var(--bg);display:grid;place-items:center;padding:24px}.auth-shell{width:min(100%,430px)}.brand{display:flex;align-items:center;justify-content:center;gap:11px;color:var(--text);text-decoration:none;margin-bottom:25px}.brand b{display:block;font-size:19px;line-height:1.2}.brand em{font-style:normal;color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:11px}.auth-card{border:1px solid #16436e;border-radius:20px;padding:25px;background:linear-gradient(145deg,#081c33f5,#041225f5);box-shadow:0 25px 80px #0006}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#031020;padding:5px;border-radius:12px;margin-bottom:25px}.tab{border:0;border-radius:9px;padding:10px;background:transparent;color:#9db8d6;font:700 13px Inter;cursor:pointer}.tab.active{color:white;background:#087bff;box-shadow:0 4px 14px #007bff35}.eyebrow{display:inline-block;color:#9ddfff;border:1px solid #14538b;background:#05274a;border-radius:25px;padding:4px 10px;font-size:10px;font-weight:800}.auth-intro h1{font-size:25px;letter-spacing:-.7px;margin:12px 0 4px}.auth-intro p{color:var(--muted);font-size:12px;margin:0 0 20px}.message{display:none;padding:10px 12px;border:1px solid #8a3e4b;border-radius:9px;background:#3b1320;color:#ffc7cf;font-size:12px;margin-bottom:14px}.message.show{display:block}.message.success{border-color:#187a5a;background:#092e28;color:#a8ffdc}label{display:block;color:#c6d9ed;font-weight:600;font-size:12px;margin:14px 0 6px}input{width:100%;border:1px solid #1b456e;border-radius:10px;padding:13px 12px;background:#031020;color:white;font:13px Inter;outline:none}input:focus{border-color:#0799ff;box-shadow:0 0 0 3px #078bff20}input::placeholder{color:#6383a6}.button{width:100%;margin-top:22px;display:flex;justify-content:space-between;align-items:center;border:1px solid #159bff;border-radius:11px;padding:13px 15px;background:linear-gradient(110deg,#087bff,#0095ff);color:white;font:700 13px Inter;cursor:pointer}.button:disabled{opacity:.6;cursor:wait}.button span{font-size:20px}.auth-foot{text-align:center;color:#7695b9;font-size:10px;margin:20px 0 0}.copyright{text-align:center;color:#597a9f;font-size:11px;margin:18px 0 0}[hidden]{display:none!important}

img.brand-logo{width:43px;height:43px;object-fit:contain;flex-shrink:0;display:block;filter:drop-shadow(0 3px 10px #007bff44)}

/* Brand "MERCHANT RAHMAT" lebih panjang — sesuaikan ukuran */
.brand b{font-size:17px}
@media(max-width:420px){ .brand b{font-size:15px} }