:root{--ink:#17221d;--green:#1c6b4b;--lime:#dff25b;--line:#dfe7e2;--muted:#6f7c75}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#e9f3ed,transparent 34%),#f5f7f4;color:var(--ink);font-family:"Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif}.auth-shell{width:min(940px,calc(100% - 28px));display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 25px 70px rgba(23,34,29,.12)}.auth-brand{padding:56px;background:#14271e;color:#fff;display:flex;align-items:center;justify-content:center;gap:15px}.auth-brand>span{width:56px;height:56px;display:grid;place-items:center;background:var(--lime);color:#173326;font-weight:900;border-radius:16px;transform:rotate(-5deg)}.auth-brand h1{margin:0;font-size:30px}.auth-brand p{margin:3px 0 0;color:#9bb0a4;font-size:10px;letter-spacing:2px}.auth-card{padding:42px 48px}.auth-tabs{display:flex;gap:6px;background:#f0f4f1;padding:5px;border-radius:12px}.auth-tabs button{flex:1;border:0;background:transparent;padding:10px;border-radius:9px;cursor:pointer;font-weight:800;color:var(--muted)}.auth-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(20,39,30,.08)}.auth-copy h2{margin:28px 0 5px}.auth-copy p{margin:0 0 22px;color:var(--muted);font-size:13px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:12px;font-weight:800}input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fafbfa;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(28,107,75,.09)}button.submit{border:0;border-radius:11px;padding:12px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.divider{display:flex;align-items:center;gap:10px;margin:19px 0;color:#9aa59f;font-size:10px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.google-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;color:var(--ink);text-decoration:none;font-weight:800;font-size:13px}.google-button.disabled{opacity:.45;pointer-events:none}.google-button b{color:#4285f4;font-size:18px}.google-note{text-align:center;color:var(--muted);font-size:10px}.auth-error{min-height:18px;color:#b33c32;text-align:center;font-size:11px}@media(max-width:700px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:24px}.auth-card{padding:28px 22px}}