@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@400;500;600&display=swap";
.login-page{height:100svh;min-height:100svh;z-index:0;overscroll-behavior:none;background:#0b1220;flex-direction:column;justify-content:center;align-items:center;gap:.72rem;width:100%;min-height:-webkit-fill-available;padding:1.1rem;font-family:Outfit,Segoe UI,sans-serif;display:flex;position:absolute;inset:0;overflow:clip}.login-page:before{content:"";z-index:-1;background:#0b1220;position:absolute;inset:0}.login-page:after{content:none}.login-shell{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:430px;display:flex}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220e6;border:1px solid #e5e7eb2e;border-radius:22px;width:100%;max-width:430px;padding:1.2rem 1rem 1rem;animation:.36s ease-out authLiftIn;box-shadow:0 18px 34px #02081773}.brand-logo{opacity:0;image-rendering:auto;background:#fff;width:min(72vw,240px);max-width:100%;height:68px;margin:0 0 .75rem;padding:0;animation:.46s ease-out forwards login-logo-fade-in;display:block;-webkit-mask-image:url(/pempen-logo.svg);mask-image:url(/pempen-logo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes login-logo-fade-in{0%{opacity:0}to{opacity:1}}.login-kicker{letter-spacing:.07em;text-transform:uppercase;color:#bae6fd;background:#0e749059;border:1px solid #7dd3fc5c;border-radius:999px;align-items:center;gap:.35rem;max-width:100%;margin:0;padding:.3rem .62rem;font-size:.7rem;display:inline-flex}.login-card h1{color:#f8fafc;letter-spacing:-.02em;margin:.85rem 0 .35rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.7rem;font-weight:700;line-height:1.1}[data-theme=light] .login-page,[data-theme=light] .login-page:before{background:#fff}[data-theme=light] .login-card{background:#fff;border:1px solid #1118271f;box-shadow:0 14px 28px #11182714}[data-theme=light] .brand-logo{background:#111827}[data-theme=light] .login-card h1{color:#111827}[data-theme=light] .login-card .login-subtitle{color:#111827b8}[data-theme=light] .login-label{color:#111827d9}[data-theme=light] .login-input{color:#111827;background:#fff;border-color:#11182733}[data-theme=light] .login-input::placeholder{color:#11182773}[data-theme=light] .login-toggle{color:#111827;background:#fff;border-color:#11182733}[data-theme=light] .login-toggle:hover{background:#1118270a;border-color:#1118274d}[data-theme=light] .login-legal{border-top-color:#11182726}[data-theme=light] .login-legal-copy,[data-theme=light] .login-legal-note{color:#111827a3}[data-theme=light] .login-legal-link{color:#111827;text-decoration-color:#11182766}.login-card .login-subtitle{color:#e2e8f0e0;margin:0 0 1.25rem;font-size:.94rem}.login-form{flex-direction:column;gap:.55rem;display:flex}.login-label{color:#bfdbfeeb;letter-spacing:.02em;margin-top:.1rem;font-size:.79rem;font-weight:500}.login-input{color:#f8fafc;background:#0a1324bf;border:1px solid #7dd3fc3d;border-radius:13px;outline:none;width:100%;min-height:50px;padding:.75rem .9rem;font-size:.96rem;transition:border-color .2s,box-shadow .2s,transform .2s}.login-input:focus{border-color:#38bdf8f2;transform:translateY(-1px);box-shadow:0 0 0 4px #0e749040}.login-input::placeholder{color:#94a3b8f2}.login-error{color:#fecaca;background:#7f1d1d6b;border:1px solid #f8717159;border-radius:10px;margin:.3rem 0 0;padding:.55rem .65rem;font-size:.84rem}.login-btn{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(130deg,#0ea5e9,#0284c7);border:none;border-radius:13px;width:100%;min-height:50px;margin-top:.35rem;padding:.76rem;font-size:.96rem;font-weight:700;transition:opacity .18s,transform .18s}.login-btn:disabled{opacity:.56;cursor:not-allowed}.login-btn:not(:disabled):hover{transform:translateY(-1px)}.login-toggle{color:#bae6fd;cursor:pointer;text-align:center;-webkit-tap-highlight-color:#0e749033;background:#0f172a8a;border:1px solid #7dd3fc33;border-radius:12px;width:100%;min-height:46px;margin-top:1rem;padding:.7rem 1rem;font-size:.86rem;font-weight:500;transition:border-color .18s,background .18s;display:block}.login-toggle:hover{background:#0284c72e;border-color:#7dd3fc73}.login-toggle:active{transform:translateY(1px)}.login-legal{border-top:1px solid #94a3b833;margin-top:.9rem;padding-top:.8rem}.login-legal-copy,.login-legal-note{color:#bfdbfec7;text-align:center;margin:0;font-size:.76rem;line-height:1.45}.login-legal-note{color:#94a3b8e6;margin-top:.35rem}.login-legal-link{color:#c7e9ff;text-underline-offset:2px;font-weight:600;-webkit-text-decoration:underline #7dd3fc8c;text-decoration:underline #7dd3fc8c}.login-legal-link:hover{color:#e0f2fe;text-decoration-color:#bae6fdf2}@keyframes authLiftIn{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:480px){.login-page{gap:.85rem;padding:1.4rem}.login-card{padding:1.45rem 1.35rem 1.15rem}.login-card h1{font-size:1.9rem}}