*{box-sizing:border-box}body{margin:0;min-height:100vh;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1a2133;background:#f5f6fa;display:grid;grid-template-columns:44% 56%}.brand{background:radial-gradient(ellipse at 10% 90%,#6245b9 0,transparent 60%),#242633;color:white;padding:55px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.logo{font-size:30px;font-weight:750;letter-spacing:5px}.brand h1{font-size:42px;line-height:1.18;max-width:480px;letter-spacing:-1.5px;margin:0 0 20px}.brand p{color:#c1bdd8;max-width:400px;line-height:1.8}.brand small{color:#b4aecf}.brand .diagram{height:130px;display:flex;gap:13px;align-items:center;margin:30px 0}.diagram span{width:65px;height:90px;border:1px solid #ffffff40;background:#ffffff0a;border-radius:9px;display:grid;place-items:center;font-size:25px;color:#d3c4ff}.diagram i{font-style:normal;color:#a48aef}.main{display:grid;place-items:center;padding:35px}.card{width:min(410px,100%)}.eyebrow{font-size:12px;letter-spacing:2px;color:#8263cf;margin-bottom:15px;font-weight:650}.card h2{font-size:29px;letter-spacing:-.8px;margin:0 0 10px}.lead{color:#778299;margin:0 0 28px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:13px;color:#55617c}input{height:47px;border:1px solid #dce1ed;border-radius:7px;padding:10px 13px;background:white;font:inherit;color:#1c2943;outline:none}input:focus{border-color:#9673fc;box-shadow:0 0 0 3px #eee7ff}button{height:47px;border-radius:7px;border:0;background:#7147ff;color:white;width:100%;font-size:14px;font-weight:600;cursor:pointer;margin-top:5px}button:hover{background:#6339ec}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b3a0f2;outline-offset:3px}.note{padding:13px 15px;background:#eeebf9;color:#75658e;border-radius:7px;margin:16px 0;font-size:12px;line-height:1.7}.error{padding:12px 15px;border:1px solid #ffcbd5;background:#fff1f4;color:#b43854;border-radius:7px;margin-bottom:20px;font-size:13px}.success{background:#ebf8f0;color:#32825a;border-color:#bde5cd}.footer{font-size:12px;color:#8e98ac;margin-top:27px;padding-top:19px;border-top:1px solid #e4e7ef}a{color:#7147ff;text-decoration:none}input[type=password]{letter-spacing:1px}@media(max-width:850px){body{grid-template-columns:1fr}.brand{padding:25px 30px}.brand h1,.brand p,.diagram,.brand small{display:none}.main{padding:35px 25px}}