/* ---------- Login boxes ---------- */
  .center-box{
    max-width:420px;margin:50px auto;background:#fff;padding:0;border-radius:var(--radius-lg);
    box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden;
  }
  .center-box .top{
    background:linear-gradient(135deg,var(--navy-800),var(--oxford-blue));color:#fff;
    padding:26px 30px 22px;text-align:center;
  }
  .center-box .top .crest{width:44px;height:44px;margin-bottom:10px;}
  .center-box .top h2{margin:0;font-family:var(--serif);font-weight:700;font-size:1.28rem;}
  .center-box .top p{margin:6px 0 0;font-size:.8rem;color:#b9c9e6;}
  .center-box .body{padding:26px 30px 30px;}
  .field{margin-bottom:16px;}
  .field label{display:block;font-size:.8rem;font-weight:700;color:var(--navy-800);margin-bottom:6px;letter-spacing:.2px;}
  .field input, .field select{
    width:100%;padding:11px 13px;border-radius:9px;border:1.5px solid var(--line);
    font-size:.94rem;background:#fbfbfa;font-family:var(--sans);
  }
  .field input:focus, .field select:focus{outline:none;border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 3px rgba(53,104,187,0.12);}
  .btn{
    display:inline-flex;align-items:center;gap:8px;justify-content:center;
    background:linear-gradient(180deg,var(--navy-700),var(--oxford-blue));color:#fff;border:none;padding:12px 20px;
    border-radius:9px;font-weight:700;font-size:.9rem;cursor:pointer;
    transition:background .15s ease, transform .12s ease, box-shadow .15s ease;letter-spacing:.2px;
    box-shadow:0 3px 10px -3px rgba(10,31,68,0.45), inset 0 1px 0 rgba(255,255,255,0.08);
  }
  .btn:hover{background:linear-gradient(180deg,var(--navy-800),#081b3a);box-shadow:0 5px 14px -3px rgba(10,31,68,0.55), inset 0 1px 0 rgba(255,255,255,0.1);transform:translateY(-1px);}
  .btn:active{transform:translateY(1px);box-shadow:0 2px 6px -2px rgba(10,31,68,0.4);}
  .btn.gold{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#2a2005;box-shadow:0 3px 10px -3px rgba(184,145,47,0.5), inset 0 1px 0 rgba(255,255,255,0.35);}
  .btn.gold:hover{background:linear-gradient(180deg,#e2c37c,#a37f27);box-shadow:0 5px 14px -3px rgba(184,145,47,0.6), inset 0 1px 0 rgba(255,255,255,0.4);}
  .btn.secondary{background:#fff;color:var(--navy-800);border:1.5px solid var(--line);box-shadow:0 1px 3px rgba(10,31,68,0.06);}
  .btn.secondary:hover{background:var(--blue-tint);border-color:#c9d5ea;}
  .btn.danger{background:linear-gradient(180deg,#c9372e,var(--red));box-shadow:0 3px 10px -3px rgba(179,38,30,0.5), inset 0 1px 0 rgba(255,255,255,0.1);}
  .btn.danger:hover{background:linear-gradient(180deg,#a82920,#8f1e18);}
  .btn.full{width:100%;}
  .error-msg{color:var(--red);font-size:.83rem;margin-top:10px;font-weight:600;}
  .hint{font-size:.76rem;color:var(--muted);margin-top:12px;text-align:center;}