:root{color-scheme:light;--ink:#142536;--muted:#536674;--teal:#156b71;--line:#d2e0e4}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f5f8fa;font:18px/1.6 'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:26px 6%;border-bottom:1px solid var(--line);background:#fff}.brand{font-size:23px;font-weight:800;letter-spacing:.14em}.header-actions{display:flex;align-items:center;gap:26px;font-size:16px}.header-actions button,.text-button{border:0;background:none;color:var(--teal);padding:6px}main{max-width:1120px;margin:8vh auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:36px}.introduction{align-self:center}.eyebrow{font-size:14px;letter-spacing:.16em;color:var(--teal);font-weight:600}h1{font-size:clamp(52px,6vw,80px);letter-spacing:-.055em;line-height:1.1;margin:24px 0}.introduction p{font-size:23px;color:var(--muted);max-width:390px}.private{display:inline-block;margin-top:22px;padding:7px 14px;background:#e2eff0;border-radius:7px;color:var(--teal);font-size:15px}.panel{padding:36px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 44px #14253608}h2{font-size:28px;line-height:1.3;margin:0 0 12px}#instruction{color:var(--muted);font-size:17px;margin:0 0 30px}label{display:block;font-size:17px;margin:18px 0 8px}input{display:block;width:100%;height:52px;border:1px solid #bacbd2;border-radius:7px;padding:10px 13px;color:var(--ink);background:#fcfdfe;min-width:0}.primary{display:block;width:100%;border:0;background:var(--teal);color:#fff;padding:14px;margin-top:28px;border-radius:7px;font-size:19px;font-weight:600}.primary:hover{background:#10575c}.primary:disabled{opacity:.6;cursor:wait}.note{font-size:14px;line-height:1.8;color:var(--muted);margin:22px 0 0}#message{font-size:16px;color:#a14625;margin:12px 0 0;overflow-wrap:anywhere}.text-button{font-size:16px;margin-top:14px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #498e95;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px 24px}.header-actions{gap:16px;font-size:14px}.brand{font-size:19px}main{display:block;margin:25px auto;padding:24px;max-width:540px}.introduction{margin-bottom:32px}.introduction p{font-size:20px}.private{margin-top:6px}.panel{padding:25px}h1{font-size:55px;margin:15px 0}h2{font-size:26px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s}}
