:root{ --emir-gold:#BEA152; --bg:#0d1117; --panel:#231F20; --border:#3a3632; --text:#F2EDE6; --muted:#9D9D9C; }
  *{box-sizing:border-box;}
  html,body{height:100%;}
  body{ margin:0; background:radial-gradient(1200px 600px at 50% -10%, #1a1f27 0%, var(--bg) 60%);
    color:var(--text); font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    display:flex; align-items:center; justify-content:center; min-height:100vh; padding:24px; }
  .card{ width:100%; max-width:440px; background:var(--panel); border:1px solid var(--border);
    border-top:3px solid var(--emir-gold); border-radius:12px; padding:38px 36px 30px; box-shadow:0 24px 60px rgba(0,0,0,0.55); }
  .wordmark{font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:40px; letter-spacing:0.04em; color:var(--text); line-height:1; text-align:center;}
  .wordmark .dot{color:var(--emir-gold);}
  .subtitle{text-align:center; color:var(--emir-gold); letter-spacing:0.34em; font-size:12px; font-weight:700; margin-top:8px; text-transform:uppercase;}
  .rule{height:1px; background:var(--border); margin:24px 0;}
  h1{font-size:18px; font-weight:700; margin:0 0 6px; text-align:center;}
  p.lead{font-size:13.5px; line-height:1.5; color:var(--muted); margin:0 0 20px; text-align:center;}
  .field{margin:0 0 12px;}
  .field input{width:100%; background:#0d1117; border:1px solid var(--border); border-radius:6px; color:var(--text);
    font-size:14px; padding:12px 14px; font-family:inherit; }
  .field input:focus{outline:none; border-color:var(--emir-gold);}
  .pw-eye{position:absolute; top:50%; right:12px; transform:translateY(-50%); background:none; border:none; cursor:pointer; color:var(--muted); padding:4px; display:flex; align-items:center; line-height:0;}
  .pw-eye:hover{color:var(--emir-gold);}
  .btn{ display:block; width:100%; cursor:pointer; font-family:inherit; font-size:14px; font-weight:700; letter-spacing:0.04em;
    text-align:center; padding:13px 16px; border-radius:6px; background:var(--emir-gold); color:#1d1d1b; border:1px solid var(--emir-gold); margin-top:4px; }
  .btn:hover{background:#cdb45f;} .btn[disabled]{opacity:0.6; cursor:default;}
  .linkbtn{ display:block; width:100%; background:none; border:none; color:var(--muted); font-family:inherit; font-size:12.5px;
    cursor:pointer; margin-top:14px; text-decoration:underline; }
  .linkbtn:hover{color:var(--emir-gold);}
  .msg{font-size:12.5px; text-align:center; margin-top:14px; min-height:16px; line-height:1.5;}
  .msg.err{color:#e0726a;} .msg.ok{color:var(--emir-gold);}
  .foot{font-size:11px; color:#6f6f6f; text-align:center; margin-top:22px; line-height:1.5;}
  .hidden{display:none !important;}
  .creds{background:#0d1117; border:1px solid var(--border); border-radius:8px; padding:14px 16px; margin:0 0 20px;}
  .creds-row{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:7px 0;}
  .creds-row + .creds-row{border-top:1px solid var(--border);}
  .creds-label{font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--emir-gold); font-weight:700; flex:0 0 auto;}
  .creds-val{font-size:13.5px; color:var(--text); text-align:right; word-break:break-all;}

/* moved from inline style attributes (19 Oct 2026, strict CSP) */
.field.rel{position:relative;}
input.pw{padding-right:44px;}