body{font:16px Arial,sans-serif;margin:0;background:#f3f7fc;color:#17324e;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box}
main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,1000px);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 40px #17324e20}
.brand-panel{display:flex;align-items:center;justify-content:center;min-width:0;background:linear-gradient(135deg,#4dd542,#199bcf);padding:32px;box-sizing:border-box}
.brand{display:block;width:100%;height:auto;object-fit:contain}
form{padding:44px 40px;min-width:0}h1{font-size:28px;margin:0 0 12px}p{line-height:1.5}label{display:block}input{box-sizing:border-box;width:100%;margin:8px 0 14px;border:1.5px solid #2856de;border-radius:24px;padding:12px 18px;font:inherit}button{width:100%;border:0;border-radius:24px;background:#2856de;color:white;font:bold 17px Arial;padding:13px;cursor:pointer}button:hover{background:#1e43b4}a{color:#224bc5}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #17324e;outline-offset:3px}.error{color:#a21c27;background:#ffedf0;padding:12px;border-radius:7px}.hint{font-size:14px;color:#58697d}
@media(max-width:760px){body{padding:24px 16px;display:block}main{display:block;width:min(460px,100%);margin:0 auto}.brand-panel{padding:0}.brand{width:100%;height:280px;object-fit:contain}form{padding:28px 30px}h1{font-size:23px}}
@media(max-width:500px){body{padding:0}main{width:100%;min-height:100dvh;border-radius:0}form{padding:28px 24px}}