*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#123b35;background:#fafaf5}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#123b35;color:#f4f7ee;padding:60px 70px;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.brand{color:#fff;text-decoration:none;font-size:30px;font-weight:700}.brand span{display:block;font-size:13px;letter-spacing:3px;color:#dafaab;margin-top:8px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#7c9b5f}h1{font-size:clamp(36px,4vw,62px);line-height:1.08;letter-spacing:-2px}.intro p:not(.eyebrow){line-height:1.8;max-width:410px;color:#c7d7cf}.features{display:grid;gap:18px;margin-top:36px;color:#dafaab}.intro small{color:#b5c5bd;line-height:1.6}.panel{display:flex;align-items:center;justify-content:center;padding:50px 30px}.form{width:100%;max-width:400px}h2{font-size:36px;margin-bottom:10px;letter-spacing:-1px}#subtitle{color:#657570;line-height:1.6}form{margin-top:30px}label{display:block;font-size:13px;font-weight:600;margin-top:20px}input{width:100%;padding:15px;border:1px solid #d2dcd5;border-radius:9px;font-size:16px;margin-top:8px;background:white;color:#123b35}input:focus{outline:2px solid #83a863;outline-offset:2px}.password{position:relative}.password input{padding-right:75px}.password button{position:absolute;right:12px;top:22px;background:none;border:0;color:#47675b;cursor:pointer}#submit{width:100%;padding:16px;background:#1c6555;color:white;border:0;border-radius:9px;font-size:16px;margin-top:25px;cursor:pointer}#submit:disabled{opacity:.6}#notice{line-height:1.6;font-size:14px}nav{display:flex;justify-content:space-between;gap:15px;margin-top:24px}nav a{color:#1c6555;font-size:13px}#terms{font-size:12px;line-height:1.7;color:#657570}[hidden]{display:none!important}@media(max-width:760px){main{grid-template-columns:1fr}.intro{padding:30px;gap:28px}.intro h1{font-size:38px;margin:12px 0}.features,.intro small{display:none}.panel{padding:30px 25px}h2{font-size:30px}}