/* Login page — matches dashboard.at-inspeksiya.uz /login (dark Inspeksiya theme). */

.gate-page{
  margin:0;min-height:100vh;color:#e2e8f0;
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#020817;
  -webkit-font-smoothing:antialiased;
}
.gate-bg{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 85% 15%, rgba(124,58,237,.45), transparent 55%),
    radial-gradient(ellipse 70% 50% at 10% 90%, rgba(79,70,229,.35), transparent 50%),
    #020817;
}
.gate-top{
  position:relative;z-index:2;display:flex;justify-content:flex-end;
  padding:18px 22px 0;
}
.gate-top a{
  display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;
  font-size:13px;color:#94a3b8;text-decoration:none;
  background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.12);
}
.gate-top a:hover{color:#e2e8f0;background:rgba(15,23,42,.85)}
.gate-shell{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  min-height:calc(100vh - 56px);padding:24px 18px 48px;
}
.gate-card{
  width:100%;max-width:420px;padding:28px 26px 24px;border-radius:16px;
  background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.08);
  box-shadow:0 24px 64px rgba(0,0,0,.45);backdrop-filter:blur(18px);
}
.gate-logo-wrap{display:flex;justify-content:center;margin:0 0 18px}
.gate-logo{height:64px;width:auto;max-width:280px;object-fit:contain}
.gate-title{margin:0;text-align:center;font-size:14px;font-weight:500;color:#94a3b8}
.gate-product{
  margin:8px 0 0;text-align:center;font-size:11px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#64748b;
}
.gate-tab{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:18px 0 20px;padding:8px 12px;border-radius:8px;
  background:#0a1024;color:#e2e8f0;font-size:13px;font-weight:560;
}
.gate-tab svg{width:16px;height:16px;opacity:.85;flex:none}
.gate-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.gate-label{font-size:13px;font-weight:560;color:#cbd5e1}
.gate-input{
  width:100%;height:40px;padding:0 12px;border-radius:8px;
  border:1px solid rgba(148,163,184,.18);background:rgba(2,8,23,.55);
  color:#f8fafc;font-size:14px;outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.gate-input::placeholder{color:#64748b}
.gate-input:focus{
  border-color:rgba(168,85,247,.65);
  box-shadow:0 0 0 3px rgba(168,85,247,.18);
}
.gate-pass-wrap{position:relative}
.gate-pass-wrap .gate-input{padding-right:42px}
.gate-eye{
  position:absolute;top:50%;right:10px;transform:translateY(-50%);
  width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;
}
.gate-eye:hover{color:#cbd5e1}
.gate-eye svg{width:18px;height:18px}
.gate-submit{
  width:100%;height:42px;margin-top:4px;border:none;border-radius:8px;
  font-size:14px;font-weight:640;color:#0f172a;cursor:pointer;
  background:linear-gradient(90deg,#a855f7,#7c3aed);
  box-shadow:0 8px 24px rgba(124,58,237,.28);
  transition:transform .12s, box-shadow .12s, filter .12s;
}
.gate-submit:hover{filter:brightness(1.05);box-shadow:0 10px 28px rgba(124,58,237,.34)}
.gate-submit:active{transform:translateY(1px)}
.gate-submit svg{width:16px;height:16px;margin-left:6px;vertical-align:-2px}
.gate-error{
  margin:0 0 16px;padding:11px 12px;border-radius:8px;
  background:rgba(127,29,29,.35);border:1px solid rgba(248,113,113,.25);
  color:#fecaca;font-size:13px;
}
.gate-foot{
  margin:18px 0 0;text-align:center;font-size:13px;color:#64748b;
}
.gate-foot a{color:#c4b5fd;text-decoration:none}
.gate-foot a:hover{text-decoration:underline}
.gate-note{
  margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(148,163,184,.1);
  font-size:12px;line-height:1.55;color:#64748b;text-align:center;
}