:root{color-scheme:light}
  *{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',system-ui,Arial,sans-serif}
  body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf4ef 0%,#f7f8f6 55%,#dfeae3 100%);padding:20px}
  .card{width:100%;max-width:400px;background:#fff;border:1px solid #dce2df;border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.10);padding:30px 28px 24px}
  .brand{font-size:28px;font-weight:800;color:#29332d;letter-spacing:-.6px;text-align:center}
  .brand span{color:#A96F38 !important}
  .sub{text-align:center;color:#788386;font-size:13px;margin:4px 0 20px}
  label{display:block;font-size:12px;font-weight:600;color:#3f4c4e;margin:12px 0 5px}
  input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #dce2df;border-radius:9px;background:#f7f8f6;font:500 14px 'Inter',sans-serif;color:#29332d;outline:none}
  input:focus{border-color:#477b60;background:#fff}
  .pw-wrap{position:relative}
  .pw-wrap input{padding-right:58px}
  .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:#27684e;font:600 12px 'Inter',sans-serif;cursor:pointer;padding:6px 8px}
  .rem{display:flex;align-items:center;gap:9px;margin:14px 0 0;font-size:13px;font-weight:500;color:#3f4c4e;cursor:pointer;user-select:none}
  .rem input{appearance:none;-webkit-appearance:none;width:18px;height:18px;padding:0;margin:0;flex:none;border:2px solid #c4cbc8;border-radius:4px;background:#fff;cursor:pointer;display:grid;place-content:center}
  .rem input:checked{background:#27684e;border-color:#27684e}
  .rem input:checked::after{content:"";width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
  .go{width:100%;margin-top:18px;padding:12px;border:0;border-radius:10px;background:#27684e;color:#fff;font:700 14px 'Inter',sans-serif;cursor:pointer}
  .go:hover{background:#20553e}
  .msg{min-height:18px;margin-top:12px;font-size:12.5px;font-weight:600;text-align:center;color:#ef4444}
  .legal{margin-top:14px;text-align:center;font-size:12px;color:#788386}
  .legal a{color:#788386;text-decoration:none}
  .legal a:hover{color:#A96F38;text-decoration:underline}
  .copy{margin-top:6px;text-align:center;font-size:11.5px;color:#9aa3a5}
  .agree{margin-top:12px;text-align:center;font-size:11.5px;line-height:1.5;color:#788386}
  .agree a{color:#788386;text-decoration:underline}
  .agree a:hover{color:#A96F38}