:root{font-family:Arial,Helvetica,sans-serif;color:#345171;background:#f8faff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh}main{min-height:100svh;display:flex;justify-content:center;align-items:flex-start;padding:clamp(110px,26vh,260px) 24px 100px}.login{width:360px;max-width:100%;text-align:center}h1{font-size:32px;line-height:1.3;font-weight:500;letter-spacing:.2px;color:#079ff2;margin:0 0 28px}form{display:flex;flex-direction:column;align-items:center;gap:18px}input{width:100%;height:42px;border:1px solid transparent;background:#fff;border-radius:7px;padding:0 16px;font:14px Arial;color:#345171;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#a9b5c7}input:focus{border-color:#099ff0;box-shadow:0 0 0 3px #099ff014}button{min-width:148px;height:42px;border:0;border-radius:7px;background:#079ff2;color:white;font-size:11px;font-weight:600;letter-spacing:2px;cursor:pointer;box-shadow:0 4px 8px #079ff22b;transition:background .15s,transform .15s}button:hover{background:#008cdb}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid #87ccf4;outline-offset:3px}button:disabled{opacity:.65;cursor:wait}#error{margin:0;color:#c34d58;font-size:13px;line-height:1.5;max-width:100%}#error:empty{display:none}footer{position:fixed;left:24px;bottom:22px;opacity:.65}footer img{width:108px;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){main{padding-top:24vh}.login{width:320px}h1{font-size:29px}footer{left:20px;bottom:18px}}