@import url("./theme.css?v=20260913-turquoise");
:root{color-scheme:dark;--bg:#060a12;--card:#0d1421;--line:rgba(148,163,184,.14);--text:#edf4ff;--muted:#7d899d;--blue:var(--accent);--green:var(--success)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -15%,rgba(63,103,178,.18),transparent 36%),radial-gradient(circle at 90% 90%,rgba(59,43,126,.11),transparent 30%),var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,410px);padding:38px;background:linear-gradient(145deg,rgba(17,27,43,.98),rgba(10,16,27,.98));border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.38);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--accent-active),transparent)}.brand-mark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-active));box-shadow:0 12px 30px var(--accent-subtle);font-size:22px;font-weight:800;margin-bottom:25px}.eyebrow{color:var(--blue)!important;font-size:10px!important;font-weight:800;letter-spacing:.16em;margin:0 0 7px!important}.heading h1{font-size:27px;letter-spacing:-.035em;margin:0}.heading>p{color:var(--muted);font-size:12px;line-height:1.6;margin:9px 0 25px}.form-error{padding:11px 13px;margin-bottom:18px;color:#ffb6c2;background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.2);border-radius:9px;font-size:11px}form label{display:block;color:#aeb8c8;font-size:10px;font-weight:650;margin:14px 0 7px}.field{height:47px;display:flex;align-items:center;gap:11px;padding:0 14px;background:rgba(4,8,15,.52);border:1px solid var(--line);border-radius:10px;transition:border-color .18s,box-shadow .18s}.field:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}.field svg{width:17px;height:17px;fill:none;stroke:#69778d;stroke-width:1.7;stroke-linecap:round}.field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:12px}.field input::placeholder{color:#4e5a6d}button{width:100%;height:48px;margin-top:23px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-active));color:var(--accent-ink);font:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 12px 26px var(--accent-subtle);transition:transform .18s,filter .18s}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:focus-visible{outline:3px solid var(--accent-border);outline-offset:2px}button span{margin-left:6px}footer{margin-top:23px;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:9px}footer i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(66,217,155,.5)}@media(max-width:480px){.login-shell{padding:14px}.login-card{padding:29px 22px;border-radius:16px}.heading h1{font-size:24px}.field input{font-size:16px}}

@media (max-width: 768px) {
  input,
  textarea,
  select,
  [contenteditable="true"] {
    font-size: 16px !important;
  }
}

button:hover{background:var(--accent-hover);filter:none}button:active{background:var(--accent-active)}