.login-modal{z-index:90;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0d12109e;border:0;position:absolute;inset:0}.login-modal__dialog{z-index:1;color:#141414;background:#fffdf8;border-radius:24px;width:min(100%,420px);max-height:calc(100dvh - 48px);padding:30px 26px 26px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #00000047}.login-modal__close{color:#4b4036;cursor:pointer;background:#f1eee7;border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;line-height:1;transition:background .16s;display:grid;position:absolute;top:14px;right:14px}.login-modal__close:hover{background:#e7e2d8}.login-modal__title{font-family:var(--font-plex-thai), Georgia, serif;letter-spacing:-.03em;margin:0 36px 6px 0;font-size:25px;font-weight:700;line-height:1.1}.login-modal__subtitle{color:#62584f;margin:0 0 20px;font-size:14px;line-height:1.55}.login-modal__google{color:#2a2a2a;cursor:pointer;background:#fff;border:1px solid #e4ded4;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;font-size:14px;font-weight:700;transition:background .16s,box-shadow .16s;display:flex}.login-modal__google:hover{background:#faf8f3;box-shadow:0 4px 14px #0000000f}.login-modal__divider{color:#9a9088;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0;font-size:12px;font-weight:600;display:flex}.login-modal__divider:before,.login-modal__divider:after{content:"";background:#e9e3d9;flex:1;height:1px}.login-modal__form{gap:14px;display:grid}.login-modal__field{gap:6px;display:grid}.login-modal__field span{color:#5a5149;font-size:13px;font-weight:700}.login-modal__field input{color:#141414;background:#fff;border:1px solid #e4ded4;border-radius:12px;width:100%;height:46px;padding:0 14px;font-size:15px;transition:border-color .16s,box-shadow .16s}.login-modal__field input:focus{border-color:#7d6cff;outline:none;box-shadow:0 0 0 3px #7d6cff2e}.login-modal__error{color:#c63a3a;margin:0;font-size:13px;font-weight:600}.login-modal__submit{width:100%;margin-top:2px}.login-modal__switch{color:#62584f;text-align:center;margin:18px 0 0;font-size:13px}.login-modal__switch-btn{color:#4a8c1e;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:800}.login-modal__switch-btn:hover{text-decoration:underline}