
/* LOGIN */
#login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:100vh;padding:20px;
  background:
    radial-gradient(circle at 15% 20%,#1f6feb25 0,transparent 28%),
    radial-gradient(circle at 85% 15%,#f0a50018 0,transparent 22%),
    linear-gradient(180deg,#08111c 0%,#070c14 100%);}
.lwrap{width:100%;max-width:1040px;display:grid;grid-template-columns:1fr;gap:18px;align-items:center;}
.lhero{padding:8px 6px;}
.leyebrow{display:inline-flex;align-items:center;gap:8px;background:#122033;border:1px solid #20344d;
  color:#9fc0e0;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
.lcard{background:linear-gradient(180deg,#0f1927,#0b141f);border:1px solid var(--border2);border-radius:24px;
  padding:36px 28px;width:100%;max-width:420px;box-shadow:0 24px 80px #00000060;justify-self:center;}
.ltop{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;}
.lbadge{background:var(--accent);color:#070c14;font-size:10px;font-weight:800;
  letter-spacing:2px;padding:4px 10px;border-radius:4px;white-space:nowrap;margin-top:4px;}
.lcard h1{font-size:28px;font-weight:800;line-height:1.1;margin-bottom:4px;}
.lcard h1 span{color:var(--accent);}
.lsub{color:var(--muted2);font-size:13px;margin-bottom:22px;line-height:1.6;}
.lbig{font-size:38px;line-height:1.02;font-weight:800;color:#eef5ff;max-width:12ch;margin-bottom:14px;}
.lbig span{color:var(--accent);}
.lcopy{max-width:44ch;color:#86a4c4;line-height:1.7;font-size:15px;}
.lmeta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px;}
.lmini{background:#0d1724;border:1px solid #18293d;border-radius:16px;padding:14px 15px;}
.lmini strong{display:block;color:#eef5ff;font-size:13px;margin-bottom:5px;}
.lmini span{font-size:12px;color:#7d9abb;line-height:1.5;}
.gbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 20px;border-radius:14px;background:linear-gradient(180deg,#ffffff,#edf3f9);color:#10161d;font-weight:800;
  font-size:15px;border:none;cursor:pointer;transition:transform .15s, box-shadow .15s;box-shadow:0 14px 28px #00000025;}
.gbtn:hover{transform:translateY(-1px);box-shadow:0 18px 36px #00000030;}
.gbtn:active{transform:translateY(0);}
.gbtn.secondary{background:linear-gradient(180deg,#182536,#132033);color:#e7f1fb;border:1px solid #243a56;box-shadow:none;}
.gbtn.secondary svg{opacity:.9}
.gbtn.ghost{background:transparent;color:#9fc0e0;border:1px solid #20344d;box-shadow:none;}
.lform{display:grid;gap:12px;margin-bottom:14px;}
.lfield{display:grid;gap:6px;}
.lfield label{font-size:12px;font-weight:700;color:#9fc0e0;letter-spacing:.4px;}
.lfield input{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #22364f;background:#0d1724;color:#eef5ff;outline:none;font-size:14px;}
.lfield input:focus{border-color:#3a8fff;box-shadow:0 0 0 3px #3a8fff18;}
.lactions{display:grid;gap:10px;}
.lsep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:8px 0;}
.lsep::before,.lsep::after{content:"";height:1px;flex:1;background:#1a2a3f;}
.lhint{margin-top:14px;font-size:12px;color:var(--muted2);line-height:1.6;text-align:center;}
.lerr{margin-top:14px;padding:12px 14px;background:#ef444412;border:1px solid #ef444430;
  border-radius:8px;font-size:13px;color:#ef9090;display:none;line-height:1.6;}
.lerr.show{display:block;}
