:root{font-family:Arial,Helvetica,sans-serif;color:#25212c;background:#f4f3f6;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;padding:24px}.login-shell{width:min(100%,380px);margin:auto}.logo{display:block;width:120px;height:120px;object-fit:contain;margin:0 auto 24px}.login-form{background:#fff;border:1px solid #dfdae5;border-top:3px solid #a737c3;padding:27px 28px 30px}.login-form h1{font-size:23px;margin:0 0 4px}.subtitle{color:#6e6773;margin:0 0 24px}.login-form form{display:grid;gap:8px}.login-form label{font-weight:600;margin-top:8px}.login-form input{width:100%;height:44px;border:1px solid #cfc9d7;border-radius:4px;padding:0 12px;background:#fff;color:#25212c;font:inherit}.login-form input:focus-visible,.login-form button:focus-visible{outline:2px solid #a737c3;outline-offset:2px}.login-form button{height:46px;border:0;border-radius:4px;background:#26212c;color:#fff;font:inherit;font-weight:700;margin-top:17px;cursor:pointer}.login-form button:hover{background:#432b4f}.login-error{color:#ad3245;background:#fbecee;border-left:3px solid #c74358;padding:10px 12px;margin:0 0 14px}@media(max-width:440px){body{padding:16px}.logo{width:100px;height:100px;margin-bottom:18px}.login-form{padding:22px 20px}}