:root{font-family:"Segoe UI",Tahoma,sans-serif;color:#14251d;background:#eef3ef;line-height:1.6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 18%,#dbeadf 0,transparent 34%),#eef3ef}main{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);max-width:1180px;margin:auto;padding:48px;gap:72px;align-items:center}.intro{min-height:610px;background:#143e2f;color:#fff;border-radius:30px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 70px rgba(20,62,47,.18)}.brand{color:#fff;font-size:26px;font-weight:800;text-decoration:none}.intro h1{font-size:46px;line-height:1.2;max-width:650px;margin:0 0 18px}.intro p{font-size:18px;color:#d9e9df;max-width:610px}.intro ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.intro li{border-top:1px solid rgba(255,255,255,.18);padding-top:16px}.intro li strong,.intro li span{display:block}.intro li span{font-size:13px;color:#bcd2c5;margin-top:5px}.login-card{background:#fff;border:1px solid #d7e1da;border-radius:24px;padding:38px;box-shadow:0 18px 50px rgba(26,51,39,.08)}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#dff4e7;color:#11603a;font-size:24px;font-weight:800}.login-card h2{font-size:28px;margin:18px 0 5px}.login-card p{color:#66766d;margin-top:0}.login-card form{display:grid;gap:9px;margin-top:28px}.login-card label{font-size:14px;font-weight:700}.login-card input[type=email],.login-card input[type=password]{width:100%;border:1px solid #c8d5cc;border-radius:11px;padding:12px 14px;font:inherit;outline:none}.login-card input:focus{border-color:#1d6b49;box-shadow:0 0 0 3px #e0f1e6}.remember{display:flex;align-items:center;gap:8px;font-weight:500!important;margin:7px 0}.login-card button{border:0;border-radius:11px;padding:13px 16px;background:#173e2f;color:#fff;font:inherit;font-weight:800;cursor:pointer}.login-card button:hover{background:#0f3024}.error{background:#fde8e5;color:#96291f;border-radius:9px;padding:9px 12px;font-size:14px}.back{display:block;color:#2f6b50;text-align:center;margin-top:20px;text-decoration:none;font-size:14px}@media(max-width:900px){main{grid-template-columns:1fr;padding:24px;gap:24px}.intro{min-height:380px}.intro h1{font-size:36px}}@media(max-width:620px){main{padding:14px}.intro{padding:28px;border-radius:22px}.intro h1{font-size:30px}.intro ul{grid-template-columns:1fr}.login-card{padding:26px;border-radius:20px}}