*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,"Noto Sans Lao","Noto Sans KR",Arial,sans-serif;background:#f4f7fb;color:#132238}
.auth-top{background:#fff;border-bottom:1px solid #e5eaf0}.auth-top-in{width:min(1200px,calc(100% - 32px));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.auth-brand{font-weight:800;font-size:20px;color:#102b3a;text-decoration:none;white-space:nowrap}.auth-lang{position:relative}.auth-lang summary{list-style:none;cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;background:#f8fafc;font-size:14px}
.auth-lang summary::-webkit-details-marker{display:none}.auth-lang-menu{position:absolute;right:0;top:48px;z-index:20;width:190px;background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:7px;box-shadow:0 14px 35px rgba(15,23,42,.12)}
.auth-lang-menu a{display:flex;padding:9px 10px;border-radius:9px;text-decoration:none;color:#243447;font-size:13px}.auth-lang-menu a:hover{background:#f1f5f9}
.auth-shell{width:min(1200px,calc(100% - 32px));margin:28px auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:610px;background:#fff;border:1px solid #e4e9ef;border-radius:24px;overflow:hidden;box-shadow:0 16px 45px rgba(15,23,42,.08)}
.auth-visual{background:#dfe8ef center/cover no-repeat;min-height:610px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:46px}.auth-form{width:100%;max-width:410px}.auth-form h1{font-size:27px;margin:0 0 8px}.auth-sub{font-size:14px;color:#64748b;margin:0 0 26px}
.auth-form label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}.auth-input{width:100%;height:48px;border:1px solid #cfd8e3;border-radius:12px;padding:0 14px;font-size:15px;outline:none}.auth-input:focus{border-color:#0f8a72;box-shadow:0 0 0 3px rgba(15,138,114,.1)}
.pw-wrap{position:relative}.pw-wrap .auth-input{padding-right:48px}.pw-eye{position:absolute;right:6px;top:5px;width:38px;height:38px;border:0;background:transparent;border-radius:9px;cursor:pointer;font-size:17px}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;font-size:13px}.auth-btn{width:100%;height:48px;border:0;border-radius:12px;background:#0f8a72;color:#fff;font-weight:800;cursor:pointer;font-size:15px}
.google-btn{width:100%;height:48px;border:1px solid #d8e0e8;border-radius:12px;background:#fff;font-weight:700;cursor:pointer;margin-top:10px}.auth-link{color:#087765;text-decoration:none}.auth-msg{padding:11px 12px;border-radius:10px;background:#ecfdf5;color:#166534;font-size:13px}.auth-err{background:#fff1f2;color:#b42318}
@media(max-width:780px){.auth-top-in{width:calc(100% - 20px);height:62px}.auth-brand{font-size:17px}.auth-shell{width:calc(100% - 20px);margin:12px auto;display:block;min-height:0;border-radius:18px}.auth-visual{height:190px;min-height:190px}.auth-panel{padding:26px 20px}.auth-form h1{font-size:23px}.auth-lang-menu{position:fixed;right:10px;top:60px}}