:root{color-scheme:light;--portal-bg:#f3f6fa;--portal-card:#fff;--portal-text:#172033;--portal-muted:#687386;--portal-line:#dbe2ec;--portal-blue:#315ddd;--portal-red:#b42318;--portal-red-bg:#fff0ee;--portal-ok:#185c37;--portal-ok-bg:#eaf7ef}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--portal-bg);color:var(--portal-text);font:16px/1.5 Arial,sans-serif}.portal-wrap{width:min(100%,960px);margin:0 auto;padding:16px}
.portal-login-page{display:grid;place-items:center;background:linear-gradient(145deg,#eef3ff,#f8f5ff 55%,#edf8f8);padding:20px}.portal-login{width:min(100%,440px);background:var(--portal-card);border:1px solid rgba(213,222,235,.8);border-radius:20px;padding:24px;box-shadow:0 18px 60px rgba(35,52,82,.13)}
.portal-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.portal-logo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--portal-blue);color:#fff;font-weight:800;font-size:22px}.portal-brand strong{font-size:21px}.portal-brand span,.portal-muted{display:block;color:var(--portal-muted);font-size:13px}
.portal-login h1,.portal-head h1{margin:0 0 8px;line-height:1.2}.portal-login p{margin:0 0 20px;color:var(--portal-muted)}label{display:block;margin:0 0 7px;font-weight:700}.portal-field{width:100%;min-height:48px;border:1px solid var(--portal-line);border-radius:11px;padding:11px 13px;font:16px Arial,sans-serif;color:var(--portal-text);background:#fff}.portal-field:focus{outline:3px solid rgba(49,93,221,.16);border-color:var(--portal-blue)}.portal-code{font-size:24px;letter-spacing:7px;text-align:center;font-weight:700}
.portal-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:11px;padding:11px 16px;background:var(--portal-blue);color:#fff;font:700 16px Arial,sans-serif;text-decoration:none;cursor:pointer}.portal-login .portal-button{width:100%;margin-top:15px}.portal-button-secondary{border:1px solid var(--portal-line);background:#fff;color:#334155}
.portal-note{border-radius:11px;padding:12px 14px;margin-bottom:18px;font-size:14px}.portal-note.error{background:var(--portal-red-bg);color:var(--portal-red)}.portal-note.ok{background:var(--portal-ok-bg);color:var(--portal-ok)}.portal-back{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:var(--portal-blue);font-weight:700;text-decoration:none}.portal-help{margin:16px 0 0!important;font-size:13px;text-align:center}
.portal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:8px 0 20px}.portal-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-empty,.portal-error{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--portal-line)}
@media(min-width:640px){.portal-wrap{padding:28px}.portal-login{padding:34px}}