*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:"Segoe UI","Malgun Gothic",system-ui,sans-serif;color:#241f20}body{background:#fff}.login{display:grid;grid-template-columns:52.5% 47.5%;min-height:100vh}.brand{display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#f4e6c4;background:linear-gradient(155deg,#302923,#1c1a20 70%)}.wordmark{font-size:20px;font-weight:800;letter-spacing:.06em}.wordmark span{color:#c9a662}.hero span{font-size:12px;letter-spacing:.12em;font-weight:800;color:#d7bb7f}.hero h1{font-size:40px;line-height:1.15;letter-spacing:-.03em;margin:22px 0}.hero p,.points p{font-size:15px}.points p:before{content:"◇";margin-right:12px;color:#c9a662}.formside{display:flex;align-items:center;justify-content:center;padding:48px}.form{width:min(380px,100%)}.form h2{font-size:24px;letter-spacing:-.03em;margin:0 0 12px}.form p{color:#706a69;font-size:14px;line-height:1.6}.login-button{display:block;text-align:center;margin-top:32px;padding:15px 18px;background:#806018;color:white;border-radius:8px;text-decoration:none;font-weight:700}.login-button:hover{background:#694d13}.login-button:focus-visible{outline:3px solid #c9a662;outline-offset:3px}.form .help,.form .footer{font-size:12px;margin-top:24px}.form .footer{color:#99918a}@media(max-width:760px){.login{display:block}.brand{min-height:210px;padding:24px;gap:30px}.hero h1{font-size:26px;margin:8px 0 0}.hero p,.points{display:none}.formside{padding:32px 16px;align-items:flex-start}.form h2{font-size:22px}}