:root{--bg:#eeefe8;--paper:#f8f7f3;--ink:#252b28;--green:#3e5146;--muted:#6b746b;--line:#d8ded3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 'Malgun Gothic',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aabda9;outline-offset:3px}.shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,45%)}.intro{padding:clamp(36px,6vw,96px);display:flex;flex-direction:column;align-items:flex-start}.kicker,.eyebrow,.caption{font-size:10px;letter-spacing:.24em;color:var(--muted)}h1{font:normal clamp(64px,9vw,148px)/.88 Georgia,serif;letter-spacing:-.07em;margin:auto 0 24px}h1 em{font-weight:normal}.intro p{font-size:17px;line-height:1.9;margin:0;color:#566157}.rule{width:min(100%,420px);height:1px;background:#becabe;margin:42px 0 20px}.caption{letter-spacing:.12em}.panel{background:var(--paper);display:grid;place-items:center;padding:48px 34px}.panel-inner{width:min(100%,420px)}h2{font:normal 36px/1.25 Georgia,'Malgun Gothic',serif;letter-spacing:-.04em;margin:16px 0 8px}.guide{color:var(--muted);margin:0 0 38px;font-size:13px}form{display:flex;flex-direction:column}form>label:not(.remember){font-size:12px;font-weight:600;margin:0 0 9px}#account,.password-row{border:1px solid var(--line);background:#fff;border-radius:4px;height:52px;margin:0 0 24px}#account{width:100%;padding:0 14px;color:var(--ink)}.password-row{display:flex}.password-row input{flex:1;min-width:0;border:0;background:transparent;padding:0 14px;outline:none}.password-row:focus-within{outline:3px solid #aabda9;outline-offset:3px}.password-row button{border:0;background:transparent;padding:0 15px;color:var(--green);min-width:58px}.remember{display:flex;align-items:center;gap:10px;color:#465449;font-size:13px;min-height:44px;cursor:pointer;margin:-5px 0 24px}.remember input{width:18px;height:18px;accent-color:var(--green)}.remember small{color:var(--muted);margin-left:5px}.error{padding:11px 13px;border:1px solid #b66d63;background:#fff4f1;color:#802f28;border-radius:4px;font-size:12px;margin:0 0 18px}.submit{border:0;background:var(--green);color:#fff;height:54px;padding:0 18px;text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:4px;font-weight:600}.submit:disabled{opacity:.65;cursor:wait}.submit span{font-size:19px;font-weight:400}.foot{border-top:1px solid var(--line);margin:42px 0 0;padding-top:18px;color:var(--muted);font-size:11px}@media(max-width:760px){.shell{display:block}.intro{padding:42px 26px 32px;min-height:210px}.kicker{font-size:9px}h1{font-size:57px;line-height:.9;margin:25px 0 20px}.intro p,.rule,.caption{display:none}.panel{display:block;min-height:calc(100svh - 210px);padding:38px 26px max(42px,env(safe-area-inset-bottom))}.panel-inner{margin:auto}h2{font-size:30px}.guide{margin-bottom:28px}.foot{margin-top:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}