.page[data-v-fb092f37]{display:flex;flex-direction:column;min-height:100vh;width:100%}.content[data-v-fb092f37]{flex-grow:1;max-width:28rem}.content[data-v-fb092f37],.login-wrapper[data-v-fb092f37]{margin:0 auto;width:100%}.login-wrapper[data-v-fb092f37]{max-width:450px}.login-container[data-v-fb092f37]{border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:min(15%,15vh);overflow:hidden;width:100%}.login-content[data-v-fb092f37]{padding:3px}.box-wrapper[data-v-fb092f37]{display:flex;flex-direction:column;gap:1rem}.login-title[data-v-fb092f37]{color:#fff;font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.login-header[data-v-fb092f37],.logo-container[data-v-fb092f37]{align-items:center;display:flex;justify-content:center}.logo-container[data-v-fb092f37]{margin:0 auto;min-height:120px;position:relative;width:100%}.logo-container[data-v-fb092f37],.logo-image[data-v-fb092f37]{max-height:260px;max-width:400px}.logo-image[data-v-fb092f37]{height:auto;-o-object-fit:contain;object-fit:contain;width:auto}.sub-title[data-v-fb092f37]{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .5rem;text-align:center}.login-form[data-v-fb092f37]{background:#ffffff24;border-radius:10px;box-shadow:0 0 6px var(--main-border);color:#fff;margin:auto;max-width:400px;padding:15px;width:100%}.form-group[data-v-fb092f37]{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem;width:100%}.input-group[data-v-fb092f37]{border:1px solid var(--border-color);border-radius:24px;overflow:hidden;position:relative;width:100%}.input-group[data-v-fb092f37],.input-icon[data-v-fb092f37]{align-items:center;background:var(--site-surface-start);display:flex}.input-icon[data-v-fb092f37]{border-right:1px solid var(--border-color);height:42px;justify-content:center;width:42px}.icon-circle[data-v-fb092f37]{align-items:center;background:#000;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.input-web[data-v-fb092f37]{background:transparent;border:none;color:#fff;flex:1;font:inherit;height:42px;outline:none;padding-left:15px;width:100%}.input-web[data-v-fb092f37]::-moz-placeholder{color:#ffffffd9}.input-web[data-v-fb092f37]::placeholder{color:#ffffffd9}.input-web[data-v-fb092f37]:disabled{cursor:not-allowed;opacity:.65}.password-input[data-v-fb092f37]{align-items:center;display:flex;flex:1;position:relative;width:100%}.toggle-password[data-v-fb092f37]{align-items:center;background:transparent;border:none;color:#ffffffd9;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;right:10px;width:42px}.toggle-password[data-v-fb092f37]:hover{color:#fff}.remember-me-container[data-v-fb092f37]{display:flex;justify-content:flex-start;margin:1rem 0;padding-left:12px}.remember-me-label[data-v-fb092f37]{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.remember-me-checkbox[data-v-fb092f37]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark[data-v-fb092f37]{background-color:transparent;border:2px solid var(--border-color);border-radius:3px;display:inline-block;height:18px;margin-right:8px;position:relative;width:18px}.remember-me-checkbox:checked~.checkmark[data-v-fb092f37]{background-color:var(--site-btn-primary,#0087fc);border-color:var(--site-btn-primary,#0087fc)}.checkmark[data-v-fb092f37]:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.remember-me-checkbox:checked~.checkmark[data-v-fb092f37]:after{display:block}.remember-me-text[data-v-fb092f37]{color:#fff;font-size:.9rem;font-weight:500}.error-msg[data-v-fb092f37]{background:#e76e6dd9;border-radius:8px;color:#fff;font-size:.85rem;margin:8px 0;padding:8px 12px;text-align:center}.submit-row[data-v-fb092f37]{display:flex;justify-content:center;margin-bottom:.75rem;width:100%}.btn-main-color[data-v-fb092f37]{background:linear-gradient(180deg,var(--site-btn-gold-start,gold) 0,var(--site-btn-gold-end,orange) 100%);border:none;border-radius:8px;box-shadow:0 0 8px var(--main-border);color:#1a1300;cursor:pointer;font-size:16px;font-weight:600;padding:8px 20px;transition:transform .2s,opacity .2s;width:60%}.btn-main-color[data-v-fb092f37]:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-main-color[data-v-fb092f37]:disabled{cursor:not-allowed;opacity:.5}.divider[data-v-fb092f37]{border:0;border-top:1px solid var(--main-border);margin:.75rem auto;opacity:.6;width:75%}.links-row[data-v-fb092f37]{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:space-between;text-align:center}.register-link[data-v-fb092f37]{color:#fff;display:flex;flex:1;font-size:.9rem;justify-content:center;margin-bottom:.75rem}.register-link-text[data-v-fb092f37]{align-items:center;color:var(--site-accent,#ffd900);display:inline-flex;gap:.25rem;text-decoration:none}.register-link-text[data-v-fb092f37]:hover{text-decoration:underline}.forgot-password[data-v-fb092f37]{align-items:center;display:flex;flex:1;gap:.5rem;justify-content:center;margin-bottom:.75rem}.forgot-password a[data-v-fb092f37]{color:#fff;font-size:.9rem;text-decoration:none}.forgot-password a[data-v-fb092f37]:hover{text-decoration:underline}.contact-box[data-v-fb092f37]{align-items:center;background-color:#ffffff24;border-radius:6px;box-shadow:0 0 6px var(--main-border);color:#fffa;display:block;font-size:.9rem;margin:0 auto 10px;max-width:400px;padding:10px;text-align:center;width:100%}.contact-buttons[data-v-fb092f37]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-btn[data-v-fb092f37]{background:transparent;border:0;cursor:pointer;margin-top:.75rem;padding:0;text-decoration:none}.line-contact[data-v-fb092f37]{align-items:center;background-color:#38c172;border-radius:.2rem;color:#fff;display:flex;font-size:14px;gap:.5rem;justify-content:center;letter-spacing:.08em;padding:8px 12px}.line-contact.tele[data-v-fb092f37]{background-color:#249bd7}.line-contact[data-v-fb092f37]:hover{background-color:#2e975a}.line-contact.tele[data-v-fb092f37]:hover{background-color:#31a8de}.line-icon[data-v-fb092f37]{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.line-icon.mono[data-v-fb092f37]{filter:brightness(0) invert(1)}.contact-note[data-v-fb092f37]{line-height:1.5;margin-top:1rem}.contact-note p[data-v-fb092f37]{margin:0}@media(max-width:465px){.login-title[data-v-fb092f37]{font-size:1.3rem}.input-web[data-v-fb092f37]{font-size:.9rem}.line-icon[data-v-fb092f37]{height:20px;width:20px}.logo-container[data-v-fb092f37]{max-height:180px;max-width:300px;min-height:100px}.logo-image[data-v-fb092f37]{max-height:180px!important;max-width:300px}}