@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
.login-module__vQf2Iq__container{background:#fff;flex-direction:row;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.login-module__vQf2Iq__brandSection{color:#fff;text-align:center;background:linear-gradient(145deg,#0a0f1e 0%,#0f172a 50%,#1a2744 100%);flex-direction:column;flex:1.1;justify-content:center;align-items:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.login-module__vQf2Iq__brandDecorA{pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-80px;right:-80px}.login-module__vQf2Iq__brandDecorB{pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-60px;left:-60px}.login-module__vQf2Iq__brandLogoLeft{object-fit:contain;z-index:2;filter:drop-shadow(0 0 6px #ffffff4d)drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff)drop-shadow(0 1px #fff)drop-shadow(0 -1px #fff);width:auto;height:56px;margin-bottom:32px}.login-module__vQf2Iq__illustrationWrapper{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.login-module__vQf2Iq__floatChip{white-space:nowrap;z-index:5;letter-spacing:.04em;text-transform:uppercase;filter:drop-shadow(0 4px 12px #0006);flex-direction:column;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex;position:absolute}.login-module__vQf2Iq__chipIconBox{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-module__vQf2Iq__chipAbsen{color:#93c5fd;z-index:1;animation:4s ease-in-out infinite login-module__vQf2Iq__floatChip1;top:8%;left:0}.login-module__vQf2Iq__chipAbsen .login-module__vQf2Iq__chipIconBox{color:#60a5fa;background:#3b82f640;border:1.5px solid #60a5fa4d}.login-module__vQf2Iq__chipRiwayat{color:#6ee7b7;z-index:1;animation:4.5s ease-in-out infinite login-module__vQf2Iq__floatChip2;top:8%;right:0}.login-module__vQf2Iq__chipRiwayat .login-module__vQf2Iq__chipIconBox{color:#34d399;background:#10b98140;border:1.5px solid #34d3994d}.login-module__vQf2Iq__chipGaji{color:#fde68a;animation:3.8s ease-in-out infinite login-module__vQf2Iq__floatChip3;bottom:8%;left:12%}.login-module__vQf2Iq__chipGaji .login-module__vQf2Iq__chipIconBox{color:#fbbf24;background:#f59e0b40;border:1.5px solid #fbbf244d}.login-module__vQf2Iq__chipPengumuman{color:#fca5a5;animation:5s ease-in-out infinite login-module__vQf2Iq__floatChip4;bottom:8%;right:12%}.login-module__vQf2Iq__chipPengumuman .login-module__vQf2Iq__chipIconBox{color:#f87171;background:#ef444440;border:1.5px solid #f871714d}@keyframes login-module__vQf2Iq__floatChip1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes login-module__vQf2Iq__floatChip2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes login-module__vQf2Iq__floatChip3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes login-module__vQf2Iq__floatChip4{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.login-module__vQf2Iq__illustrationShadow{background:radial-gradient(#3b82f666 0%,#0000 75%);border-radius:50%;flex-shrink:0;width:65%;height:18px;margin-top:-14px}.login-module__vQf2Iq__brandIllustration{z-index:2;filter:drop-shadow(0 20px 32px #0006);width:100%;max-width:400px;height:auto;margin-bottom:-30px;animation:3.5s ease-in-out infinite login-module__vQf2Iq__floatUp}@keyframes login-module__vQf2Iq__floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-module__vQf2Iq__brandTitle{letter-spacing:-.03em;z-index:2;color:#f8fafc;margin-bottom:12px;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:900;line-height:1.15}.login-module__vQf2Iq__brandTitleLine{z-index:2;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 50%,#06b6d4 100%);border-radius:99px;width:64px;height:4px;margin-bottom:16px;box-shadow:0 0 12px #3b82f699}.login-module__vQf2Iq__brandSubtitle{color:#94a3b8;z-index:2;max-width:300px;margin-bottom:40px;font-size:.95rem;font-weight:400;line-height:1.7}.login-module__vQf2Iq__brandBadges{z-index:2;flex-direction:column;gap:12px;display:flex}.login-module__vQf2Iq__badge{color:#64748b;align-items:center;gap:10px;font-size:.875rem;font-weight:500;display:inline-flex}.login-module__vQf2Iq__badge svg{color:#3b82f6;flex-shrink:0}.login-module__vQf2Iq__roleCards{z-index:2;flex-direction:row;gap:12px;width:100%;max-width:380px;display:flex}.login-module__vQf2Iq__roleCard{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:20px 16px;transition:background .2s,transform .2s;display:flex}.login-module__vQf2Iq__roleCard:hover{background:#ffffff1a;transform:translateY(-2px)}.login-module__vQf2Iq__roleIcon{color:#60a5fa;background:#3b82f626;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-module__vQf2Iq__roleLabel{color:#f1f5f9;margin-bottom:4px;font-size:.9rem;font-weight:700}.login-module__vQf2Iq__roleFeatures{color:#64748b;font-size:.72rem;font-weight:500;line-height:1.5}.login-module__vQf2Iq__loginSection{background:#fff;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex}.login-module__vQf2Iq__formWrapper{flex-direction:column;width:100%;max-width:420px;display:flex}.login-module__vQf2Iq__logoContainer{margin-bottom:48px}.login-module__vQf2Iq__brandLogo{object-fit:contain;width:auto;height:56px}.login-module__vQf2Iq__halamanTitle{color:#0f172a;letter-spacing:-.03em;margin:0 0 8px;font-size:2rem;font-weight:900}.login-module__vQf2Iq__halamanSubtitle{color:#64748b;margin:0 0 40px;font-size:1rem;font-weight:400;line-height:1.5}.login-module__vQf2Iq__form{flex-direction:column;gap:20px;display:flex}.login-module__vQf2Iq__inputGroup{flex-direction:column;gap:8px;display:flex}.login-module__vQf2Iq__labelRow{justify-content:space-between;align-items:center;display:flex}.login-module__vQf2Iq__inputLabel{color:#374151;letter-spacing:.01em;font-size:.8rem;font-weight:600}.login-module__vQf2Iq__forgotBtn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;transition:color .15s}.login-module__vQf2Iq__forgotBtn:hover{color:#2563eb}.login-module__vQf2Iq__inputField{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.login-module__vQf2Iq__inputField::placeholder{color:#9ca3af;font-weight:400}.login-module__vQf2Iq__inputField:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.login-module__vQf2Iq__passwordWrapper{position:relative}.login-module__vQf2Iq__passwordWrapper .login-module__vQf2Iq__inputField{padding-right:52px}.login-module__vQf2Iq__eyeBtn{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-module__vQf2Iq__eyeBtn:hover{color:#374151}.login-module__vQf2Iq__submitBtn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#0f172a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:15px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.login-module__vQf2Iq__submitBtn:hover:not(:disabled){background:#1e293b;transform:translateY(-1px);box-shadow:0 8px 20px -4px #0f172a33}.login-module__vQf2Iq__submitBtn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.login-module__vQf2Iq__submitBtn:disabled{opacity:.7;cursor:not-allowed}.login-module__vQf2Iq__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite login-module__vQf2Iq__spin}@keyframes login-module__vQf2Iq__spin{to{transform:rotate(360deg)}}.login-module__vQf2Iq__primaryBtn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:background .2s;display:flex}.login-module__vQf2Iq__primaryBtn:hover:not(:disabled){background:#1e293b}.login-module__vQf2Iq__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:.875rem;font-weight:600;line-height:1.4;display:flex}.login-module__vQf2Iq__footer{color:#9ca3af;text-align:center;margin-top:48px;font-size:.75rem;font-weight:500}.login-module__vQf2Iq__modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login-module__vQf2Iq__modal{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:36px;animation:.25s cubic-bezier(.22,1,.36,1) login-module__vQf2Iq__modalIn;box-shadow:0 24px 48px -8px #0003}@keyframes login-module__vQf2Iq__modalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1024px){.login-module__vQf2Iq__brandSection{padding:48px 40px}.login-module__vQf2Iq__brandTitle{font-size:2.2rem}}@media (max-width:768px){.login-module__vQf2Iq__container{flex-direction:column}.login-module__vQf2Iq__brandSection{display:none}.login-module__vQf2Iq__loginSection{align-items:flex-start;min-height:100dvh;padding:40px 24px}.login-module__vQf2Iq__formWrapper{width:100%;max-width:100%;margin:auto 0}.login-module__vQf2Iq__brandLogo{height:48px}.login-module__vQf2Iq__halamanTitle{font-size:1.75rem}.login-module__vQf2Iq__halamanSubtitle{margin-bottom:32px;font-size:.95rem}}