.auth-shell{color:#161c1b;background:#fff;grid-template-columns:1fr 1fr;min-height:100dvh;font-family:Arial,Helvetica,sans-serif;display:grid}.auth-panel{z-index:1;background:#fff;flex-direction:column;min-height:100dvh;padding:35px clamp(30px,4vw,52px) 25px;display:flex;position:relative}.auth-header{justify-content:space-between;align-items:flex-start;display:flex}.auth-brand img{object-fit:contain;object-position:left center;width:162px;height:50px;display:block}.auth-language{color:#fff;cursor:pointer;isolation:isolate;background:linear-gradient(#b9852a,#966619);border:1px solid #8d621c;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;width:76px;height:36px;padding:3px;display:grid;position:relative;box-shadow:inset 0 2px 4px #4a2b0547,inset 0 -1px 1px #ffffff47,0 3px 8px #4a2b052e}.auth-language:before{content:"";z-index:-1;background:linear-gradient(#fff,#f8f3e8);border:1px solid #774f122e;border-radius:16px;width:34px;height:28px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 3px 7px #4127044d,inset 0 1px 1px #fff}.auth-language.is-en:before{transform:translate(32px)}.auth-language-code{color:#ffffffd1;text-align:center;font-size:10px;font-weight:800;transition:color .2s}.auth-language:not(.is-en) .auth-language-code:first-of-type,.auth-language.is-en .auth-language-code:last-of-type{color:#775019}.auth-language:focus-visible{outline-offset:3px;outline:3px solid #dcece5}.auth-language:active:before{box-shadow:0 1px 3px #41270452,inset 0 1px 2px #774f121f}.auth-content{width:min(100%,410px);margin:auto;padding:45px 0}.auth-content-vi{animation:.28s ease-out both auth-copy-vi}.auth-content-en{animation:.28s ease-out both auth-copy-en}@keyframes auth-copy-vi{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-copy-en{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.auth-content h1{font-family:var(--font-baloo), Arial Rounded MT Bold, Arial, sans-serif;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(26px,2.2vw,32px);font-weight:800;line-height:1.2}.auth-intro{margin:0 0 30px;font-size:16px;line-height:1.6}.auth-google,.auth-secondary{color:#161c1b;text-align:center;cursor:pointer;background:#fffdf7;border:1px solid #f3ead3;border-radius:8px;justify-content:center;align-items:center;gap:15px;width:100%;min-height:42px;font-size:16px;font-weight:700;display:flex}.auth-google:hover,.auth-secondary:hover{background:#fff7e9}.auth-google-mark{flex:none;width:22px;height:22px;display:block}.auth-divider{white-space:nowrap;align-items:center;gap:22px;margin:34px 0 30px;font-size:16px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid #7d9990;flex:1}.auth-form{flex-direction:column;display:flex}.auth-form label{margin:0 0 13px;font-size:16px;font-weight:700}.auth-form label b{color:#e23e4b}.auth-form>input,.auth-password input{color:#172d27;background:#fafbfc;border:1px solid #9ab5ae;border-radius:8px;outline:none;width:100%;height:37px;padding:0 20px;font-size:14px}.auth-form>input:focus,.auth-password input:focus{border-color:#17513d;box-shadow:0 0 0 3px #dcece5}.auth-form>input::placeholder,.auth-password input::placeholder{color:#858b8a}.auth-form>input,.auth-password{margin-bottom:24px}.auth-password{position:relative}.auth-password input{padding-right:48px}.auth-password button{color:#648e83;cursor:pointer;background:0 0;border:0;width:33px;height:33px;font-size:20px;position:absolute;top:2px;right:12px}.auth-password button svg{width:21px;height:21px}.auth-primary{color:#fff;cursor:pointer;background:#165640;border:0;border-radius:8px;min-height:42px;margin-top:6px;font-size:16px;font-weight:700}.auth-primary:hover:not(:disabled){background:#0d4432}.auth-primary:disabled{opacity:.6;cursor:wait}.auth-message{color:#8b492f;margin:0 0 12px;font-size:14px;line-height:1.4}.auth-forgot{color:#34685b;text-underline-offset:3px;align-self:flex-end;margin:-12px 0 22px;font-size:14px;text-decoration:underline}.auth-back-login{margin-top:20px}.auth-consent{margin:12px 0 0;font-size:14px;line-height:1.55}.auth-consent a{color:#34685b;text-underline-offset:3px;text-decoration:underline}.auth-divider-bottom{margin:34px 0 20px}.auth-footer{color:#171717;white-space:nowrap;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.auth-footer a:hover{text-decoration:underline}.auth-art{background:#167e82 url(/auth-frog-desktop-hd.webp) 50%/cover no-repeat;min-height:100dvh;position:relative;overflow:hidden}.auth-art:before{content:"";z-index:0;pointer-events:none;will-change:transform;background:url(/auth-frog-desktop-animated.gif) 50%/cover no-repeat;animation:4s ease-in-out infinite alternate auth-pond-drift;position:absolute;inset:-2%}.auth-art:after{content:"";z-index:0;pointer-events:none;will-change:opacity, transform;background:radial-gradient(at 50% 51%,#0000 0 8%,#dcfffa8c 8.3% 8.7%,#0000 9% 13%,#b8f9f461 13.3% 13.7%,#0000 14%);animation:2.8s ease-out infinite auth-water-ripple;position:absolute;inset:0}@keyframes auth-pond-drift{0%{transform:translate(-.35%,-.2%)scale(1.025)}to{transform:translate(.35%,.2%)scale(1.025)}}@keyframes auth-water-ripple{0%{opacity:0;transform:scale(.72)}18%{opacity:.8}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.auth-art:before,.auth-art:after{display:none}.auth-language:before{transition:none}.auth-content-vi,.auth-content-en{animation:none}}@media (max-width:900px){.auth-shell{background:#167e82;padding:18px;display:block;position:relative;overflow:hidden}.auth-panel{background:#fffffff5;border-radius:18px;min-height:calc(100dvh - 36px);padding:22px 24px 18px;box-shadow:0 18px 60px #07363647}.auth-content{width:min(100%,410px);padding:38px 0}.auth-art{z-index:0;background-image:url(/auth-frog-hd.webp);min-height:100%;display:block;position:absolute;inset:0}.auth-art:before{background-image:url(/auth-frog-animated.gif)}.auth-footer{flex-wrap:wrap;font-size:11px}}@media (max-width:520px){.auth-shell{padding:12px}.auth-panel{background:#ffffffeb;min-height:calc(100dvh - 24px);padding:18px}.auth-content{padding:32px 0 24px}.auth-brand img{width:144px;height:45px}.auth-content h1{font-size:25px}.auth-intro{font-size:14px}.auth-divider{gap:12px;margin-block:25px 22px}}