*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;background:#031a6b;color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.login{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:clamp(16px,4vw,56px);overflow:hidden;isolation:isolate}.login[hidden]{display:none}
.t-blue{background:radial-gradient(45% 38% at 55% 0%,#1f78ff99,transparent 72%),radial-gradient(30% 35% at 0% 0%,#2a3dffaa,transparent),radial-gradient(45% 45% at 100% 100%,#00a0d044,transparent),linear-gradient(135deg,#02126a,#012590 50%,#011a66)}
.t-admin{background:radial-gradient(40% 40% at 8% 95%,#01075a99,transparent),linear-gradient(100deg,#010b8d 0%,#003ac8 22%,#0264c4 46%,#08daf4 60%,#1ae075 78%,#a6f02a 100%)}
.facets{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.wrap{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,4vw,64px);align-items:center}
.brand{position:relative;display:grid;place-items:center}.brand img{width:min(100%,520px);height:auto;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 14px #ffffff80)}
.t-blue .brand::after{content:"";position:absolute;right:-2vw;top:12%;bottom:12%;width:2px;background:linear-gradient(#00d4ff00,#00d4ff,#00d4ff00)}
.card{justify-self:center;width:min(100%,560px);padding:clamp(22px,3.4vw,44px);border-radius:28px;border:1px solid #8fd0ff66;background:linear-gradient(160deg,#ffffff24,#ffffff0d);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00104a66,inset 0 1px 0 #ffffff40}
.t-admin .card{background:linear-gradient(160deg,#0a3cb4d9,#0a58c6cc 60%,#0a6fc8c4);border-color:#ffffffaa}.t-admin h1{text-shadow:0 2px 10px #00206a99}
.avatar{display:grid;place-items:center}.avatar svg{width:84px;height:84px;stroke:#9ee7ff;fill:none;stroke-width:1.6}
h1{margin:6px 0 4px;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:400;letter-spacing:.01em;text-align:center}h1 b{font-weight:800}.t-admin h1{text-align:left;font-weight:800;margin:0 0 18px}.t-admin h1 span{color:#18e6f3}
.welcome{text-align:center;margin:0 0 18px;color:#dbe7ff;font-size:1.05rem}h2{margin:0 0 8px;font-size:1.5rem;text-align:center}.reset p{margin:0 0 14px;color:#e6efff;text-align:center;line-height:1.5}
.field{display:flex;align-items:center;gap:12px;height:58px;padding:0 14px 0 16px;margin:14px 0;border-radius:14px;background:#e9f0fc;color:#1b2a4a;border:2px solid transparent}.t-admin .field{background:#fff}
.field:focus-within{border-color:#38d0ff;box-shadow:0 0 0 3px #38d0ff66}.field svg{width:24px;height:24px;flex:none;stroke:#1b2a4a;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.field input{flex:1;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-size:1.05rem;color:#1b2a4a;outline:0}.t-blue .field input{border-left:1px solid #9aa9c4;padding-left:14px}.field input::placeholder{color:#58667f;opacity:1}
.eye{display:grid;place-items:center;min-width:44px;min-height:44px;margin-right:-8px;background:none;border:0;border-radius:10px;color:#1b2a4a;cursor:pointer}.eye svg{width:24px;height:24px}.eye[aria-pressed=true] svg{stroke:#0a6bff}
.meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 18px}.rem{display:flex;align-items:center;gap:10px;cursor:pointer}.rem input{width:22px;height:22px;accent-color:#35d9ff}
.link{background:none;border:0;padding:10px 0;font:inherit;color:#35d9ff;cursor:pointer}.t-admin .link{display:block;margin:12px auto 0;color:#fff;font-weight:600;text-decoration:underline}.reset .link{display:block;margin:10px auto 0}
.go{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;height:58px;border:0;border-radius:14px;font:inherit;font-size:1.15rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(90deg,#0a6bff,#14c8e6);box-shadow:0 8px 22px #0a6bff55}.t-admin .go{background:linear-gradient(180deg,#1a8cff,#0055e6)}.go:disabled{opacity:.6;cursor:progress}
.msg{min-height:1.5em;margin:14px 0 0;text-align:center;font-weight:600}.msg.bad{color:#ffd9d6}.msg.ok{color:#d2ffe0}.t-admin .msg.bad{color:#7a0d06}.t-admin .msg.ok{color:#05461f}
hr{border:0;border-top:1px solid #ffffff3d;margin:20px 0 14px}.foot{margin:0;text-align:center}.foot a{color:#35d9ff}.t-admin .foot{color:#fff}
:where(button,a,input):focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:860px){.wrap{grid-template-columns:minmax(0,1fr);gap:8px}.brand img{width:min(70vw,340px)}.t-blue .brand::after{display:none}.login{place-items:start center;padding-top:20px}}
@media(prefers-reduced-motion:no-preference){.card{animation:rise .5s ease both}@keyframes rise{from{opacity:0;transform:translateY(12px)}}}