@font-face{font-family:Ekkamai;src:url('../font/EkkamaiStandard-Light.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f5f8f7;color:#203a37;font-family:Ekkamai,Tahoma,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.5}
.site-header,.site-footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 44px}.brand{display:flex;align-items:center;gap:12px;font-family:Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px}.brand-light{font-weight:400;color:#16816b;margin-left:3px}.brand small{display:block;font:12px Ekkamai,Tahoma,sans-serif;letter-spacing:.3px;color:#73827e;margin-top:4px}.brand-symbol{background:#08765e;color:#fff;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:26px}.back-link{font-size:14px;color:#58736b}.back-link:hover,.help-row a:hover{color:#008164;text-decoration:underline}
.login-layout{max-width:1192px;min-height:680px;margin:16px auto 0;display:grid;grid-template-columns:1.03fr 1fr;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 18px 70px #183c3010;border:1px solid #e5eeea}.intro{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#0b493e,#0d6b54 70%,#168066);color:white;padding:54px 50px 34px;display:flex;flex-direction:column;justify-content:space-between}.intro-grid{position:absolute;inset:0;z-index:-1;opacity:.055;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000)}.orb{position:absolute;border:1px solid #ffffff14;border-radius:50%;z-index:-1;width:540px;height:540px;right:-330px;top:40px;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff03}.eyebrow{display:inline-flex;align-items:center;gap:9px;font:10px Arial,sans-serif;letter-spacing:1.8px;color:#b7ddd0}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#82deb5;box-shadow:0 0 0 4px #82deb512}.intro h1{font-size:49px;line-height:1.5;letter-spacing:-1px;font-weight:400;margin:36px 0 20px}.intro h1 span{color:#9be4c1}.intro-content>p{font-size:15px;line-height:1.95;color:#c0d9d0;margin:0 0 30px}.features{display:flex;flex-direction:column;gap:12px;font-size:13px;color:#e1eee9}.features span{display:flex;align-items:center;gap:12px}.features b{display:grid;place-items:center;font:18px Arial;width:29px;height:29px;background:#ffffff0b;border:1px solid #ffffff18;border-radius:8px;color:#a9dec7}.intro-bottom{display:flex;gap:13px;align-items:center;border-top:1px solid #ffffff20;margin-top:36px;padding-top:24px;font-size:13px;color:#e1eee9}.intro-bottom small{display:block;font-size:11px;color:#9dc8b7;margin-top:6px}.mini-mark{border:1px solid #ffffff40;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font:22px Georgia,serif}
.form-panel{padding:44px 58px;display:flex;align-items:center}.form-content{width:100%;max-width:400px;margin:auto}.section-tag{display:inline-block;font-size:11px;color:#68857a;border:1px solid #e0eae5;border-radius:20px;padding:5px 12px;float:right}.welcome-icon{width:53px;height:53px;display:grid;place-items:center;border:1px solid #ddede4;background:#f1f8f4;color:#148164;border-radius:16px;margin:30px 0 22px;clear:both}.welcome-icon svg{width:27px;height:27px}h2{font-size:30px;font-weight:400;letter-spacing:-.6px;margin:0 0 9px}.form-description{font-size:13px;line-height:1.8;color:#81928b;margin:0 0 33px}label{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:10px}label span{font:10px Arial;color:#9aa9a1;letter-spacing:.2px}.input-wrap{position:relative;margin-bottom:22px}.input-wrap>svg{position:absolute;left:16px;top:18px;width:18px;height:18px;color:#8ba498;pointer-events:none}input:not([type=hidden]){width:100%;border:1px solid #dce6e0;background:#fcfdfc;border-radius:10px;height:55px;padding:0 18px 0 46px;font-size:14px;color:#254a3a;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#a4afa9}input:focus{border-color:#188363;box-shadow:0 0 0 3px #18836314}#password{padding-right:65px}.toggle-password{position:absolute;right:9px;top:9px;height:37px;padding:0 8px;border:0;background:transparent;color:#688576;cursor:pointer;font-size:12px}.help-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:-3px;margin-bottom:26px;color:#85978d;line-height:1.8}.help-row a{color:#24775b;white-space:nowrap}.submit-button{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:55px;background:#08765b;border:0;border-radius:10px;color:white;cursor:pointer;font-size:16px;box-shadow:0 6px 15px #08765b19;transition:background .2s,transform .2s}.submit-button:hover{background:#075e49;transform:translateY(-1px)}.submit-button:disabled{opacity:.65;cursor:wait}.submit-button span{font:23px Arial}.access-note{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:28px;padding-top:23px;border-top:1px solid #edf1ee}.access-note svg{width:21px;height:24px;color:#83a390;flex-shrink:0}.access-note p{font-size:11px;color:#6e8577;line-height:1.9;margin:0}.access-note p span{color:#9baaa0}.site-footer{font-size:11px;color:#91a198;padding-top:26px;padding-bottom:24px}.alert{background:#fff4ee;border:1px solid #f2d3c3;color:#a04424;border-radius:9px;padding:12px 14px;line-height:1.7;font-size:13px;margin:-8px 0 20px}:focus-visible{outline:3px solid #50b98d;outline-offset:4px}
@media(min-width:1600px){.site-header{padding-top:40px}.login-layout{margin-top:30px}}@media(max-width:1050px){.login-layout{margin:12px 24px 0;min-height:650px}.intro{padding:42px 30px 30px}.intro h1{font-size:41px}.form-panel{padding:32px}.eyebrow{font-size:9px;letter-spacing:1px}.site-header,.site-footer{padding-left:30px;padding-right:30px}}@media(max-width:720px){.site-header{padding:22px}.brand{font-size:24px}.brand-symbol{width:39px;height:39px}.back-link{font-size:12px}.login-layout{display:block;min-height:0;margin:6px 16px 0;border-radius:19px}.intro{padding:24px 27px}.intro h1{font-size:27px;line-height:1.6;margin:17px 0 8px}.intro h1 br{display:none}.intro h1 span{display:block}.intro-content>p{font-size:12px;margin:0;line-height:1.8}.intro-content>p br{display:none}.features,.intro-bottom{display:none}.form-panel{padding:26px 27px 32px}.welcome-icon{margin-top:15px;margin-bottom:17px;width:45px;height:45px}h2{font-size:26px}.form-description{margin-bottom:25px;font-size:12px}.section-tag{font-size:10px}.site-footer{padding:22px;flex-direction:column;gap:8px;text-align:center}.help-row{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}