:root{--g:#034a2e;--deep:#062820;--cream:#f5f2ed}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#142019}main{min-height:100vh;display:grid;grid-template-columns:48% 52%}.brand-panel{padding:48px 9%;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(155deg,rgba(0,45,27,.86),rgba(0,45,27,.55)),url('nature-lake.png') center/cover}.brand-panel>a{font-size:23px;font-weight:bold;color:#fff;text-decoration:none}.brand-panel p{font-size:11px;letter-spacing:1.5px}.brand-panel h1{font-size:46px;line-height:1.03;letter-spacing:-2px}.brand-panel span{color:#d4e2d9}.auth{padding:55px max(9%,80px);background:#fffdf9}.back{color:var(--g);font-size:13px;text-decoration:none}.tabs{display:flex;gap:22px;border-bottom:1px solid #dce4de;margin:70px 0 28px}.tab{background:none;border:0;padding:0 0 12px;font-size:15px;font-weight:bold;cursor:pointer}.tab.active{border-bottom:3px solid var(--g);color:var(--g)}form{max-width:390px}h2{font-size:32px;margin:0 0 7px}form>p{color:#68766e;margin:0 0 25px}label{display:block;font-size:12px;font-weight:bold;margin:15px 0}input{width:100%;margin-top:7px;padding:12px;border:1px solid #d8e3db;border-radius:7px;font:inherit}button#submit{width:100%;border:0;border-radius:7px;background:var(--g);color:#fff;padding:13px;font-weight:bold;margin-top:12px;cursor:pointer}#message{color:var(--g);font-weight:bold;margin-top:16px}#name-label{display:none}body.register #name-label{display:block}@media(max-width:700px){main{grid-template-columns:1fr}.brand-panel{min-height:260px;padding:28px}.brand-panel h1{font-size:32px}.auth{padding:35px 25px}.tabs{margin-top:35px}}
 label{font-size:14px}.brand-panel span{font-size:17px;line-height:1.6}input{min-height:46px;font-size:16px}#submit:disabled{opacity:.6;cursor:wait}.back{font-size:15px}.auth{padding:48px clamp(25px,6vw,95px)}.tabs{margin-top:45px}form{max-width:500px}