:root{color-scheme:light;--ink:#15243b;--muted:#64748b;--blue:#2458de;--line:#e8edf5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 16% -10%,#d9e6ff,transparent 38%),#f3f6fa;color:var(--ink);font:15px/1.75 system-ui,-apple-system,"Noto Sans Thai",sans-serif}a{color:#2458de;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}.layout{max-width:660px;margin:auto;padding:30px 16px 48px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-weight:800}.mark{display:grid;place-items:center;background:#152d5e;color:white;width:44px;height:44px;border-radius:14px;font-size:22px}.brand small{display:block;color:#708095;font-size:12px;font-weight:500;line-height:1.1}.panel{background:#fff;border:1px solid #e3eaf5;border-radius:22px;padding:30px 27px;box-shadow:0 12px 44px #18356213}.pill{display:inline-flex;align-items:center;gap:10px;color:#07644d;background:#e3f9ef;border:1px solid #bcebd7;border-radius:30px;padding:5px 14px;font-weight:750;font-size:12px}.dot{width:8px;height:8px;border-radius:50%;background:#0d9c72;box-shadow:0 0 0 3px #0d9c721c}.label{font-size:12px;font-weight:800;color:#58739c;letter-spacing:.09em;margin:22px 0 4px}h1{font-size:34px;line-height:1.35;margin:10px 0 14px;letter-spacing:-.03em}h2{font-size:20px;letter-spacing:-.02em;margin:0 0 12px}.lead{color:#5b6c82;margin:0 0 22px}.urlbox{border:1px solid #e2eafb;background:#f6f9ff;border-radius:15px;padding:17px;margin-top:22px}.sub{font-size:12px;font-weight:800;color:#6e7e96;margin-bottom:6px}.url{display:block;word-break:break-all;color:#1c4bae;font-size:14px;font-weight:800}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:12px;background:#2458de;color:white!important;min-height:47px;padding:10px 16px;font-size:14px;font-weight:750;text-decoration:none!important}.button:hover{opacity:.9}.secondary{background:#e6edff;color:#214bb5!important}.button:focus-visible,input:focus-visible{outline:3px solid #99b9ff;outline-offset:2px}.help{font-size:13px;color:#697990;margin:14px 0 0}.section{background:#fff;border:1px solid #e3eaf5;border-radius:22px;padding:25px 27px;margin-top:18px}.steps{list-style:none;padding:0;margin:12px 0;display:grid;gap:15px}.steps li{display:flex;gap:12px;color:#596b81;font-size:14px}.steps strong{color:#23374f}.num{flex:none;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#2458de;background:#ebf0ff;font-size:14px;font-weight:800}.line{height:1px;background:var(--line);margin:20px 0}.footer{text-align:center;color:#8795a7;font-size:12px;margin-top:26px}.auth{max-width:550px;margin:auto}.auth .panel{padding:28px}.field{display:block;font-size:14px;font-weight:800;margin:16px 0 8px}.password{width:100%;height:52px;border:1px solid #cdd8eb;border-radius:12px;padding:0 14px;min-width:0;font-size:16px;background:white;color:#15243b}.full{width:100%;margin-top:17px}.hint{font-size:13px;color:#617189}.warning{background:#fff8eb;border:1px solid #f8e5b5;color:#795524;border-radius:12px;padding:12px;font-size:13px}.code{display:block;background:#f6f9ff;border:1px solid #dfe7f5;border-radius:10px;word-break:break-all;font-size:12px;padding:8px 10px;color:#35517d}.error{color:#a12832;background:#fff3f4;border:1px solid #fac5cb;padding:12px;border-radius:10px}.security{text-align:center;color:#728299;font-size:13px;margin:20px 0 0}@media(max-width:420px){.layout{padding:22px 13px 30px}.panel,.section{padding:22px 18px}h1{font-size:28px}.actions{grid-template-columns:1fr}}