*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#142033}.wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.hero{padding:70px;background:linear-gradient(140deg,#06172f,#0b3766 58%,#08758a);color:#fff;display:flex;align-items:center}.hero h1{font-size:52px;margin:15px 0}.hero p{line-height:1.7;color:#d9e7f5}.panel{display:flex;align-items:center;justify-content:center;padding:30px}.card{width:100%;max-width:500px;background:#fff;padding:40px;border-radius:24px;box-shadow:0 20px 60px #10203018}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.group{margin-bottom:17px}label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}input{width:100%;height:52px;border:1px solid #d9e1ec;border-radius:12px;padding:0 14px;font-size:14px}.pw{position:relative}.pw input{padding-right:60px}.toggle{position:absolute;right:10px;top:13px;border:0;background:none;cursor:pointer}.btn{width:100%;height:54px;border:0;border-radius:13px;background:linear-gradient(135deg,#0b3566,#08788f);color:#fff;font-weight:800;cursor:pointer}.message{display:none;padding:12px;margin:15px 0;border-radius:10px}.message.error{display:block;background:#fff1f0;color:#b42318}.message.success{display:block;background:#ecfdf3;color:#067647}.switch{text-align:center;margin-top:20px}a{color:#1266b0;text-decoration:none}.check{font-size:13px;margin:5px 0 20px}.check input{width:auto;height:auto}.brand{font-weight:900;letter-spacing:1px}@media(max-width:850px){.wrap{grid-template-columns:1fr}.hero{display:none}.panel{min-height:100vh}}@media(max-width:520px){.panel{padding:0}.card{min-height:100vh;border-radius:0;padding:28px 20px}.row{grid-template-columns:1fr}}