:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eef3ff;background:#18283d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}.login-wallpaper{position:fixed;inset:0;z-index:-1;background:linear-gradient(#101b2d66,#13233c88),url(wallpaper.svg) center/cover no-repeat}.login-topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:#0e192bd9;border-bottom:1px solid #ffffff09;font-size:12px;font-weight:600}.login-brand{display:flex;align-items:center;gap:10px;letter-spacing:.02em}.brand-mark{width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,#b7d0fc,#7c9fcf);color:#152945;display:grid;place-items:center;font-size:15px;font-weight:800}.private-session{color:#b4c3d8;font-weight:400}.private-session span{font-size:8px;margin-right:6px;color:#92d3b7}.login-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 28px}.login-card{width:min(410px,100%);padding:34px 35px 29px;text-align:center;border:1px solid #ffffff20;border-radius:26px;background:#152236f0;box-shadow:0 25px 85px #06101d55,inset 0 1px #ffffff0c}.user-avatar{width:80px;height:80px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7397c3,#415c85);box-shadow:0 5px 18px #07162944,inset 0 1px #ffffff2b}.user-avatar svg{width:47px;height:47px;fill:none;stroke:#ecf3ff;stroke-width:2.2;stroke-linecap:round}.login-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:#a7bedc;margin:0 0 7px}h1{font-size:25px;font-weight:650;letter-spacing:-.04em;margin:0 0 9px}.login-description{margin:0 auto;color:#acbbd0;font-size:12px;line-height:1.7;max-width:270px}form{display:flex;flex-direction:column;text-align:left;margin:29px 0 0;gap:8px}label{font-size:12px;color:#d2dcec;font-weight:550}input{width:100%;height:47px;border:1px solid #7e96b333;border-radius:11px;padding:0 13px;background:#0b17289c;color:#f2f6ff;outline:none;margin:0 0 9px;font-size:14px}input::placeholder{color:#7f91a9}input:focus{border-color:#b1cfff;box-shadow:0 0 0 3px #93bafa22}.password-field{position:relative}.password-field input{padding-right:78px}.password-field button{position:absolute;right:7px;top:6px;height:34px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#b1c8e4;font-size:11px}.password-field button:hover{background:#ffffff0a}.login-submit{display:flex;align-items:center;justify-content:center;gap:13px;min-height:47px;background:#c0d7fb;border:1px solid #d7e7ff;border-radius:11px;color:#142843;font-weight:700;font-size:13px;box-shadow:0 3px 10px #05142526;margin-top:5px}.login-submit:hover{background:#d3e3ff}.login-submit:disabled{opacity:.7;cursor:wait}.login-submit span{font-size:19px;font-weight:400}.login-recovery{display:inline-block;color:#9eb5d2;font-size:11px;margin-top:22px}.login-recovery:hover{color:#fff}.login-error{padding:11px 12px;color:#ffcad2;background:#8d38473d;border:1px solid #ec72842e;border-radius:10px;font-size:12px;line-height:1.6;margin:20px 0 -8px}.password-hint{font-size:11px;color:#a8b8ce;line-height:1.6;margin:0 0 8px}.login-caption{color:#cbd7e5a3;font-size:11px;margin:21px 0 0;letter-spacing:.02em}.login-footer{display:flex;align-items:center;justify-content:space-between;padding:19px 28px;color:#b9c7d8;font-size:11px}.login-footer a:hover{color:#fff}:focus-visible{outline:2px solid #bbd6ff;outline-offset:4px}input:focus-visible{outline:none}@media(max-width:520px){.login-topbar{padding:0 19px;min-height:52px;gap:10px}.private-session{display:none}.login-main{padding:28px 18px 20px}.login-card{padding:28px 25px 25px;border-radius:22px}.user-avatar{width:68px;height:68px}.login-footer{padding:17px 20px;font-size:10px}h1{font-size:23px}}@media(prefers-reduced-motion:no-preference){.login-card{animation:login-appear .35s ease-out}@keyframes login-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}

.login-footer{flex-wrap:wrap;gap:10px 20px}.login-footer nav{display:flex;gap:13px;flex-wrap:wrap}.login-footer nav a{color:inherit}