@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;450;500;600&display=swap');
.member-page{font-family:'IBM Plex Sans Thai','Noto Sans Thai',Tahoma,sans-serif;background:#f7f7ef;color:#183d32}
.member-page .brand{font-family:inherit;font-weight:600;letter-spacing:0}.member-page .brand b{color:#377751}.member-page .nav{border-bottom:1px solid #e1e7d8}.member-page .back{font-size:13px;color:#6e8066}
#auth-panel{--ink:#183d32;--muted:#6d7c66;--accent:#17543c;--line:#dce4d4;--paper:#f7f7ef;gap:70px;align-items:center;padding-top:36px;padding-bottom:25px}
#auth-panel h1,#auth-panel h2,#auth-panel h3{font-family:inherit;letter-spacing:0;font-weight:500}
#auth-panel .auth-story h1{font-size:42px;line-height:1.65;margin:14px 0 20px}
#auth-panel .gradient{background:none;color:#749367;-webkit-text-fill-color:currentColor}
#auth-panel .eyebrow{color:#66845b;font-family:'Segoe UI',sans-serif;font-size:10px;letter-spacing:2.2px;font-weight:500}
#auth-panel .auth-story>p{font-size:15px;line-height:1.95;color:#65765d;margin-bottom:24px}
.auth-showcase{background:#edf2e5;border:1px solid #dce5cf;border-radius:18px;padding:21px;max-width:425px}
.auth-product-heading{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:500}.auth-product-heading img{border-radius:10px}.auth-product-heading small{display:block;font-weight:400;font-size:10px;color:#7e9470;margin-top:2px}
.auth-snippet{display:flex;align-items:center;gap:15px;margin-top:22px}.auth-snippet>span:first-child{font-size:15px;padding:12px 17px;background:white;border:1px solid #d9e3cc;border-radius:8px}.auth-snippet>span:last-child{font-size:13px;line-height:1.7;background:#dfead2;padding:12px 14px;border-radius:8px;flex:1}.auth-snippet b{font-size:18px;color:#8ba279;font-weight:400}
.auth-tool-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d8e1cd;margin-top:19px;padding-top:14px;font-size:10px;color:#6f8562}
#auth-panel .auth-benefits{gap:11px;margin:25px 0 21px;font:11px/1.9 'Segoe UI',sans-serif;color:#8b9e7b}#auth-panel .auth-benefits b{font:400 13px/1.9 'IBM Plex Sans Thai',Tahoma,sans-serif;color:#5c7152;margin-left:12px}#auth-panel .auth-story>small{font-size:10px;color:#8b9c7e}
#auth-panel .auth-box{border:1px solid #dce4d4;border-radius:22px;padding:31px;background:white;box-shadow:0 16px 45px -28px #234b2f40}
#auth-panel .tabs{background:#f0f4e9;border:1px solid #e4ebda;border-radius:11px;padding:5px;margin-bottom:25px;gap:5px}#auth-panel .tabs button{border:0;border-radius:7px;padding:10px;font-family:inherit;font-size:14px;color:#7c8f70;font-weight:400}#auth-panel .tabs button[aria-selected=true]{color:white;background:#174c37;box-shadow:0 2px 5px #27482a14}
#auth-panel .google-login{border:1px solid #dae2d2;border-radius:9px;background:white;min-height:50px;font-family:inherit;font-size:14px;color:#26462f}#auth-panel .google-login:hover:not(:disabled){background:#f4f7ed;border-color:#9eb68b}#auth-panel .google-note{font-size:11px;color:#8a9c7e;line-height:1.8;text-align:center}#auth-panel .auth-divider{margin:23px 0;color:#8a9b7e;font-size:11px}
#auth-panel form h2{font-size:25px;line-height:1.6;margin-bottom:7px}#auth-panel form .sub{font-size:13px;color:#7d8f70;line-height:1.8;margin:0 0 22px}#auth-panel form label{font-size:13px;font-weight:400;color:#47603e;margin-bottom:14px}
#auth-panel input{font-family:inherit;font-size:15px;line-height:1.7;background:#fbfcf8;border:1px solid #d8e0cf;border-radius:9px;padding:12px 14px;min-height:49px;margin-top:6px;box-shadow:none;color:#183d32}#auth-panel input::placeholder{font-size:13px;color:#a4af99}#auth-panel input:focus{outline:2px solid #b5c9a6;outline-offset:1px;border-color:#96ad85}#auth-panel form>small{display:block;color:#91a180;font-size:11px;margin:-7px 0 15px}
#auth-panel form>.button{background:#174c37;border-color:#174c37;border-radius:10px;color:white;min-height:51px;font-family:inherit;font-weight:500;font-size:15px;margin-top:9px}#auth-panel form>.button:hover:not(:disabled){background:#103d2b}#auth-panel .text-button{font-family:inherit;font-size:12px;color:#6c845f}
.auth-privacy{font-size:10px;line-height:1.9;text-align:center;color:#94a287;border-top:1px solid #edf1e6;padding-top:17px;margin:20px 0 0}.auth-privacy a{color:#527445;text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){#auth-panel{gap:35px}#auth-panel .auth-story h1{font-size:35px}#auth-panel .auth-box{padding:25px}.auth-snippet{gap:9px}.auth-snippet>span:last-child{font-size:11px}.auth-tool-row{font-size:9px}}
@media(max-width:700px){#auth-panel{grid-template-columns:1fr;gap:27px;padding-top:20px}#auth-panel .auth-story h1{font-size:31px;line-height:1.6;margin:10px 0}#auth-panel .auth-story>p{font-size:13px;line-height:1.9;margin-bottom:0}.auth-showcase,#auth-panel .auth-benefits,#auth-panel .auth-story>small{display:none}#auth-panel .auth-box{border-radius:17px;padding:23px}#auth-panel form h2{font-size:23px}.member-page .nav{padding:20px 22px}.member-page .member-wrap{padding:20px 22px 45px}.member-page .brand{font-size:18px}.member-page .back{font-size:11px}}
/* Match the selected signup reference. */
.member-page .nav{padding-block:24px}.member-page .brand{font-size:21px}.member-page .brand img{width:38px;height:38px;border-radius:11px}
#auth-panel{gap:70px;padding-top:44px}.auth-layout{grid-template-columns:1fr 1fr}
#auth-panel .auth-story h1{font-size:42px;line-height:1.65;font-weight:500}
#auth-panel .auth-story>p{font-size:15px;line-height:1.9}
#auth-panel .auth-box{border-radius:20px;padding:30px;background:#fffefa}
#auth-panel .tabs{background:#eeefe8;border:1px solid #dfe5d6;padding:0;gap:0;overflow:hidden;border-radius:9px}
#auth-panel .tabs button{padding:12px 8px;border-radius:8px;font-weight:400}
#auth-panel .google-login{min-height:49px;border-color:#a7b9a0;background:#fffefa}
#auth-panel form h2{font-size:26px;font-weight:500;margin-bottom:9px}
#auth-panel form label{font-size:14px;font-weight:500;color:#324c2c}
#auth-panel form input{background:#fffefa;border-color:#d9e0d1;padding:12px 14px;min-height:48px}
#auth-panel .auth-showcase{margin:30px 0 25px;padding:22px;background:#e9eddf;border-color:#e5e9db}
#auth-panel .auth-benefits{gap:17px;font-size:12px}
#auth-panel .auth-benefits>span{display:flex;align-items:center}
#auth-panel .auth-benefits b{font-size:13px;margin-left:15px}
#auth-panel form .button{min-height:51px;margin-top:17px;border-radius:8px;font-weight:500}
.auth-story{position:relative}.auth-story:after{content:'งานประจำ ให้คล่องขึ้นทุกวัน';display:block;margin-top:30px;color:#8aa07b;font-size:13px;letter-spacing:.3px}
.auth-privacy{padding-top:14px;border:0;line-height:1.9}
@media(max-width:950px){#auth-panel{gap:35px}#auth-panel .auth-story h1{font-size:35px}.auth-layout{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#auth-panel{grid-template-columns:1fr;padding-top:18px;gap:25px}#auth-panel .auth-story h1{font-size:31px;line-height:1.6}#auth-panel .auth-story>p{font-size:13px}.auth-story:after{display:none}#auth-panel .auth-box{padding:24px}.member-page .brand{font-size:18px}.member-page .nav{padding:20px 22px}}