:root{--auth-ink:#0c1f1c;--auth-muted:#5a6f6a;--auth-accent:#0f766e;--auth-accent-deep:#0a5c56;--auth-line:#0f766e2e;--auth-font:"Anuphan", system-ui, sans-serif;--auth-display:"Instrument Serif", "Anuphan", Georgia, serif}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{min-height:100%;margin:0}.auth-body{font-family:var(--auth-font);color:var(--auth-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e8f2f0;margin:0}.auth-shell{grid-template-columns:1fr;min-height:100dvh;display:grid}.auth-shell--solo{background:radial-gradient(70% 50% at 10% 0,#0f766e1f,#0000 55%),radial-gradient(60% 40% at 100% 100%,#0f766e14,#0000 50%),#e8f2f0;grid-template-columns:1fr;align-content:center;place-items:center;min-height:100dvh;padding:1.25rem 1rem 2rem;display:grid}.auth-shell--solo .auth-panel{border-radius:20px;justify-content:flex-start;width:min(100%,420px);max-width:420px;min-height:auto;margin:0 auto;padding:1.25rem 1.25rem 1.75rem;box-shadow:0 18px 48px #0c1f1c1a}.auth-panel__top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.auth-home{color:var(--auth-accent);font-size:.88rem;font-weight:600;text-decoration:none}.auth-home:hover{text-decoration:underline}.auth-brand{color:#f4fffc;background:radial-gradient(80% 60% at 20% 30%,#2dd4bf59,#0000 55%),radial-gradient(70% 50% at 90% 80%,#0f766e8c,#0000 50%),linear-gradient(160deg,#0a3d3a 0%,#0f766e 45%,#134e4a 100%);padding:2rem;display:none;position:relative;overflow:hidden}.auth-brand__glow{pointer-events:none;background:repeating-linear-gradient(-12deg,#0000,#0000 18px,#ffffff08 18px 19px);position:absolute;inset:-20%}.auth-brand__logo{z-index:1;font-family:var(--auth-display);color:#fff;letter-spacing:.02em;font-size:2.75rem;font-weight:400;text-decoration:none;position:relative}.auth-brand__tag{z-index:1;opacity:.88;max-width:16rem;margin:.5rem 0 0;font-size:.95rem;line-height:1.45;position:relative}.auth-brand__art{z-index:1;place-items:center;min-height:14rem;margin-top:auto;display:grid;position:relative}.auth-brand__orb{filter:blur(2px);border-radius:50%;position:absolute}.auth-brand__orb--1{background:#ffffff1f;width:9rem;height:9rem;animation:7s ease-in-out infinite auth-float;top:10%;left:12%}.auth-brand__orb--2{background:#2dd4bf47;width:5.5rem;height:5.5rem;animation:5.5s ease-in-out infinite reverse auth-float;bottom:18%;right:16%}.auth-brand__book{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--auth-display);text-align:center;background:#ffffff1a;border:1px solid #ffffff47;border-radius:1rem;padding:1.25rem 1.5rem;font-size:1.35rem;line-height:1.35;animation:.9s ease-out both auth-rise;position:relative}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-panel{background:#fff;width:100%;max-width:28rem;min-height:100dvh;margin:0 auto;padding:1.25rem 1.25rem 2.5rem}.auth-back{color:var(--auth-muted);font-size:.92rem;font-weight:600;text-decoration:none}.auth-title{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.65rem;font-weight:700}.auth-lead{color:var(--auth-muted);margin:0 0 1.25rem;font-size:.92rem;line-height:1.5}.auth-flash{border:1px solid var(--auth-line);background:#0f766e1a;border-radius:12px;margin-bottom:1rem;padding:.65rem .85rem;font-size:.9rem;font-weight:600}.auth-errors{color:#b42318;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:flex-start;gap:.55rem;margin-bottom:.75rem;padding:.75rem .9rem;font-size:.88rem;font-weight:600;line-height:1.45;display:flex}.auth-errors__icon{background:#fee2e2;border:1px solid #fca5a5;border-radius:999px;flex:none;place-items:center;width:1.15rem;height:1.15rem;font-size:.72rem;font-weight:800;line-height:1;display:grid}.auth-form{gap:.85rem;display:grid}.auth-field{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.auth-field.is-invalid input{background:snow;border-color:#fca5a5}.auth-field.is-invalid input:focus{border-color:#f87171;outline-color:#dc262640}.auth-field[hidden],.auth-form:not([data-mode=register]) .auth-field--register{display:none!important}.auth-form[data-mode=register] .auth-field--register{display:grid}.auth-field em{color:var(--auth-muted);font-size:.8rem;font-style:normal;font-weight:500}.auth-field input{border:1px solid var(--auth-line);width:100%;font:inherit;background:#f7fbfa;border-radius:12px;padding:.75rem .9rem;font-weight:500}.auth-field input:focus{border-color:var(--auth-accent);background:#fff;outline:2px solid #0f766e59}.auth-field__err{color:#b42318;background:#b423180f;border-radius:8px;align-items:center;gap:.3rem;width:fit-content;max-width:100%;padding:.3rem .45rem;font-size:.8rem;font-weight:600;display:inline-flex}.auth-password{align-items:stretch;gap:.35rem;display:flex}.auth-password input{flex:1}.auth-eye{border:1px solid var(--auth-line);font:inherit;color:var(--auth-accent);cursor:pointer;background:#fff;border-radius:12px;padding:0 .85rem;font-size:.85rem;font-weight:600}.auth-turnstile{justify-items:start;gap:.35rem;display:grid}.auth-turnstile__widget{min-height:65px}.auth-turnstile__hint{text-align:center;color:#b45309;margin:0;font-size:.82rem}.auth-check{color:var(--auth-muted);align-items:flex-start;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.auth-check input{flex-shrink:0;margin-top:.2rem}.auth-form:not([data-mode=register]) .auth-legal,.auth-form:not([data-mode=register]) .auth-legal-err{display:none!important}.auth-form[data-mode=register] .auth-legal{display:flex}.auth-legal span{line-height:1.55}.auth-legal a,.auth-legal-note a{color:var(--auth-accent);text-underline-offset:2px;font-weight:700;text-decoration:underline}.auth-legal.is-invalid{outline-offset:4px;border-radius:8px;outline:2px solid #e11d488c}.auth-legal-note{color:var(--auth-muted);text-align:center;margin:.85rem 0 0;font-size:.82rem;line-height:1.55}.auth-submit{width:100%;font:inherit;color:#fff;background:var(--auth-accent);cursor:pointer;border:0;border-radius:999px;margin-top:.25rem;padding:.9rem 1.25rem;font-size:1.02rem;font-weight:700}.auth-submit:hover{background:var(--auth-accent-deep)}.auth-submit:disabled,.auth-submit:disabled:hover{opacity:.45;cursor:not-allowed;background:color-mix(in srgb, var(--auth-accent) 45%, #c5d4d1)}.pwd-hints{border:1px solid var(--auth-line);background:#f4faf8;border-radius:12px;gap:.35rem;margin:.15rem 0 0;padding:.65rem .75rem;list-style:none;display:grid}.pwd-hints[hidden]{display:none!important}.pwd-hints__title{color:var(--muted);margin-bottom:.15rem;padding-left:0;font-size:.78rem;font-weight:700;list-style:none}.pwd-hints__title:before{display:none!important}.pwd-hints li{color:var(--auth-muted);align-items:center;gap:.45rem;font-size:.84rem;font-weight:600;display:flex}.pwd-hints li:before{content:"";border:1.5px solid color-mix(in srgb, var(--auth-muted) 45%, transparent);background:#fff;border-radius:50%;flex-shrink:0;width:.9rem;height:.9rem}.pwd-hints li.is-ok{color:#0f766e}.pwd-hints li.is-ok:before{background:#0f766e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M2.6 6.4 5 8.8 9.5 3.4'/%3E%3C/svg%3E") 50%/9px no-repeat;border-color:#0f766e}.pwd-hints li.is-bad{color:#be123c}.pwd-hints li.is-bad:before,.auth-field input.is-invalid{border-color:#e11d48}.auth-password:has(input.is-invalid) input{border-color:#e11d48}.auth-field input.is-ok{border-color:#0f766e}.auth-password:has(input.is-ok) input{border-color:#0f766e}.auth-form:not([data-mode=register]) .pwd-hints{display:none!important}.auth-or{color:var(--auth-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1.25rem 0 .85rem;font-size:.85rem;display:grid}.auth-or:before,.auth-or:after{content:"";background:var(--auth-line);height:1px}.auth-social{gap:.5rem;display:grid}.auth-social__btn{border:1px solid var(--auth-line);width:100%;font-family:var(--auth-font);color:#0c1f1c;-webkit-text-fill-color:#0c1f1c;appearance:none;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1rem;font-size:.92rem;font-weight:600;line-height:1.2;display:inline-flex}.auth-social__label{color:#0c1f1c;-webkit-text-fill-color:#0c1f1c;flex:0 auto;line-height:1.2}.auth-social__btn:hover{border-color:var(--auth-accent);color:var(--auth-accent)}.auth-social__btn:hover .auth-social__label{color:var(--auth-accent);-webkit-text-fill-color:var(--auth-accent)}.auth-social__icon{border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.78rem;font-weight:800;line-height:1;display:grid}.auth-social__btn--google .auth-social__icon,.auth-social__icon--google{color:inherit;background:#fff;border:1px solid #dadce0;padding:0}.auth-social__icon--google svg{display:block}.auth-social__btn--google:hover{color:#1a73e8;border-color:#4285f4}.auth-social__btn--google:hover .auth-social__label{color:#1a73e8;-webkit-text-fill-color:#1a73e8}.auth-social__btn--facebook .auth-social__icon{color:#fff;background:#1877f2}.auth-social__btn--facebook:hover{color:#1877f2;border-color:#1877f2}.auth-social__btn--facebook:hover .auth-social__label{color:#1877f2;-webkit-text-fill-color:#1877f2}.auth-social-hint{text-align:center;color:var(--auth-muted);margin:.75rem 0 0;font-size:.82rem;line-height:1.45}.auth-foot{text-align:center;margin:1.5rem 0 0;font-size:.9rem}.auth-panel:has(.auth-form[data-mode=register])>.auth-foot{display:none!important}.auth-foot a{color:var(--auth-accent);font-weight:600;text-decoration:none}.auth-mode-switch{text-align:center;margin:.85rem 0 0}.auth-mode-btn{color:var(--auth-accent);font:inherit;cursor:pointer;text-underline-offset:.18em;background:0 0;border:0;padding:.25rem;font-size:.92rem;font-weight:700;text-decoration:underline}.auth-mode-btn:hover{color:var(--auth-accent-deep)}.auth-signing{text-align:center;padding-top:1.85rem;padding-bottom:2.1rem}.auth-signing__logo{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.auth-signing__glyph{object-fit:cover;border-radius:16px;width:5.5rem;height:5.5rem;display:block;box-shadow:0 8px 22px #0f766e38}.auth-signing__spinner{border:3px solid color-mix(in srgb, var(--auth-accent) 16%, #fff);border-top-color:var(--auth-accent);border-radius:50%;width:2.15rem;height:2.15rem;margin:1.25rem auto .15rem;animation:.7s linear infinite auth-spin}.auth-signing .auth-title{margin-top:.85rem;font-size:1.35rem}.auth-signing .auth-lead{margin-bottom:0}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-signing__spinner{border-top-color:var(--auth-accent);opacity:.85;animation:none}}@media (min-width:900px){.auth-shell:not(.auth-shell--solo){grid-template-columns:minmax(280px,.95fr) 1.1fr}.auth-shell:not(.auth-shell--solo) .auth-brand{flex-direction:column;min-height:100dvh;display:flex}.auth-shell:not(.auth-shell--solo) .auth-panel{flex-direction:column;justify-content:center;max-width:none;min-height:100dvh;padding:2.5rem 4rem;display:flex}.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-form,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-or,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-social,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-social-hint,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-foot,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-lead,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-title,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-flash,.auth-shell:not(.auth-shell--solo) .auth-panel>.auth-panel__top{max-width:26rem}.auth-shell--solo .auth-panel{padding:1.75rem 1.75rem 2rem}}