.login-page{min-height:100vh;background:var(--color-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:400px}.login-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.login-logo{display:block}.login-lang-btn{display:inline-flex;align-items:center;gap:.6rem;background:none;border:none;cursor:pointer;padding:0}.login-lang-opt{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.06em;color:#f5f0e840;transition:color .2s}.login-lang-opt.is-active{color:var(--color-teal-mid)}.login-lang-opt:not(.is-active):hover{color:#f5f0e899}.login-logo img{height:2rem;width:auto;filter:brightness(0) invert(1)}.login-card h1{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-beige);margin-bottom:.4rem}.login-card p.login-sub{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:#f5f0e873;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.4rem}.login-field label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:#f5f0e880}.login-field input{background:#f5f0e80d;border:1px solid var(--border-light);color:var(--color-beige);font-family:var(--font-mono);font-size:.87rem;padding:.75rem 1rem;outline:none;transition:border-color .2s;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.login-field input::placeholder{color:#f5f0e833}.login-field input:focus{border-color:var(--color-teal-mid)}.login-error,.login-success{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;min-height:1em;display:none}.login-error{color:#e05c5c}.login-success{color:var(--color-teal-mid)}.login-error.is-visible{display:block}.login-success.is-visible{display:flex;align-items:flex-start;gap:.65rem;background:#4db6ac1a;border:1px solid rgba(77,182,172,.35);color:var(--color-teal-mid);font-size:.82rem;padding:.85rem 1rem;line-height:1.5}.login-success.is-visible:before{content:"✓";font-size:1rem;line-height:1;flex-shrink:0;margin-top:.05rem}.btn-resend{background:none;border:1px solid rgba(77,182,172,.35);color:var(--color-teal-mid);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em;padding:.55rem 1rem;cursor:pointer;transition:background .2s,border-color .2s;width:100%}.btn-resend:hover{background:#4db6ac14;border-color:#4db6ac99}.btn-resend:disabled{opacity:.5;cursor:not-allowed}.login-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.25rem;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;color:#f5f0e859}.login-toggle__btn{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;color:var(--color-teal-mid);padding:0;transition:color .2s}.login-toggle__btn:hover{color:var(--color-beige)}.btn-login{background:var(--color-teal-mid);color:var(--color-beige);border:none;font-family:var(--font-mono);font-size:.87rem;font-weight:500;letter-spacing:.06em;padding:.8rem 1.5rem;cursor:pointer;transition:background .2s,opacity .2s;width:100%;margin-top:.25rem}.btn-login:hover{background:var(--color-teal)}.btn-login:disabled{opacity:.5;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.login-divider span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:#f5f0e84d}.btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#f5f0e80f;border:1px solid var(--border-light);color:#f5f0e8cc;font-family:var(--font-mono);font-size:.84rem;letter-spacing:.04em;padding:.75rem 1.5rem;cursor:pointer;transition:background .2s,border-color .2s;width:100%}.btn-google:hover{background:#f5f0e81a;border-color:#f5f0e833}.btn-google:disabled{opacity:.5;cursor:not-allowed}.btn-google svg{flex-shrink:0}.login-back{display:block;text-align:center;margin-top:2rem;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.05em;color:#f5f0e859;transition:color .2s}.login-back:hover{color:#f5f0e8a6}.login-pending{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fade-up .35s ease forwards}.login-pending__icon{position:relative;color:var(--color-teal-mid);margin-bottom:2rem;width:34px;height:26px}.login-pending__icon svg{display:block;position:relative;z-index:1}.login-pending__pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#2a80801f;animation:pending-pulse 2.4s ease-in-out infinite}@keyframes pending-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}55%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.login-pending__heading{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-beige);margin-bottom:.45rem}:lang(th) .login-pending__heading{font-family:Sarabun,sans-serif;letter-spacing:0}.login-pending__desc{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:#f5f0e873;margin-bottom:.6rem}.login-pending__address{font-family:var(--font-mono);font-size:.85rem;color:var(--color-teal-mid);background:#2a808012;border:1px solid rgba(42,128,128,.22);padding:.45rem .9rem;margin-bottom:1.5rem;width:100%;word-break:break-all;text-align:center}.login-pending__or{display:flex;align-items:center;gap:1rem;width:100%;margin:.9rem 0}.login-pending__or:before,.login-pending__or:after{content:"";flex:1;height:1px;background:var(--border-light)}.login-pending__or span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:#f5f0e84d}.login-pending__switch{background:none;border:1px solid rgba(245,240,232,.35);cursor:pointer;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em;color:var(--color-beige);padding:.65rem 1rem;transition:background .2s,border-color .2s;width:100%;min-height:44px}.login-pending__switch:hover{background:#f5f0e812;border-color:#f5f0e899}@media(max-width:480px){.login-card h1{font-size:1.3rem}.login-pending__heading{font-size:1.2rem}.login-pending__address{font-size:.78rem;padding:.5rem .75rem}.btn-resend,.login-pending__switch{min-height:44px;padding-top:.7rem;padding-bottom:.7rem}.login-pending__or{margin:.75rem 0}}