:root{font-family:Inter,Noto Sans Thai,system-ui,sans-serif;color:#4a2f24;background:#f8f1e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0 0,#f6d88a 0,transparent 38%),#f8f1e7}.shell{max-width:1200px;padding:clamp(16px,4vw,48px);margin:auto}.login-card{max-width:500px;margin:4vh auto;padding:clamp(24px,5vw,48px);border:1px solid #ead9ca;border-radius:28px;background:#fffaf4;box-shadow:0 16px 45px #4a2f2410}.logo{width:90px;height:90px;object-fit:contain;border-radius:18px}.eyebrow{font-size:.68rem;letter-spacing:.16em;font-weight:800;color:#c75a3a;margin:24px 0 10px}h1,h2{font-family:Georgia,"Noto Serif Thai",serif;line-height:1.25;margin:0 0 14px}h1{font-size:clamp(1.8rem,6vw,2.4rem)}h2{font-size:1.6rem}.copy,.foot{line-height:1.65;color:#664a3e}.demo-note{background:#f6d88a;border-radius:14px;padding:14px 16px;font-size:.91rem;line-height:1.5}.message{min-height:3em;line-height:1.5;color:#69493a}button{min-height:48px;width:100%;border:0;border-radius:999px;background:#c75a3a;color:#fff;font-weight:800;font-size:1rem;cursor:pointer;padding:12px 20px}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:3px solid #7b9db7;outline-offset:3px}.quiet{margin-top:12px;background:#f2e4d8;color:#4a2f24}.foot{font-size:.82rem;margin-top:22px}#authorized{background:#fffaf4;border-radius:24px;padding:clamp(14px,3vw,28px)}.authorized-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.authorized-head .quiet{width:auto;min-width:120px;margin:0}#identity{overflow-wrap:anywhere}iframe{display:block;width:100%;height:80vh;min-height:600px;border:1px solid #ead9ca;border-radius:18px;background:#f8f1e7;margin-top:16px}@media(max-width:460px){.shell{padding:14px}.login-card{margin:2vh auto;padding:24px}.authorized-head{align-items:start;flex-direction:column}.authorized-head .quiet{width:100%}iframe{height:75vh;min-height:540px}}.divider{text-align:center;color:#876f61;font-size:.85rem;margin:16px 0}fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}fieldset:disabled{opacity:.6}label{font-size:.88rem;font-weight:700}input{font:inherit;min-height:48px;width:100%;border:1px solid #d8c2b1;border-radius:12px;background:#fff;color:#4a2f24;padding:10px 12px;margin-bottom:6px}input:focus-visible{outline:3px solid #7b9db7;outline-offset:2px}fieldset button{margin-top:8px;background:#4a2f24}