*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background:#f8fafc;width:100%;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;font-family:Open Sans,sans-serif;overflow:hidden!important}@font-face{font-family:WorkSans-ExtraBold;src:local(Work Sans ExtraBold),local(Work Sans);font-weight:800}@font-face{font-family:WorkSans-Bold;src:local(Work Sans Bold),local(Work Sans);font-weight:700}@font-face{font-family:OpenSans-SemiBold;src:local(Open Sans SemiBold),local(Open Sans);font-weight:600}@font-face{font-family:OpenSans-Regular;src:local(Open Sans Regular),local(Open Sans);font-weight:400}@font-face{font-family:OpenSans-Bold;src:local(Open Sans Bold),local(Open Sans);font-weight:700}@font-face{font-family:PlusJakartaSans-Bold;src:local(Plus Jakarta Sans Bold),local(Plus Jakarta Sans);font-weight:700}@font-face{font-family:PlusJakartaSans-SemiBold;src:local(Plus Jakarta Sans SemiBold),local(Plus Jakarta Sans);font-weight:600}.opening-splash-screen{z-index:999999;background:radial-gradient(closest-side,#dbeafe 0%,#eff6ff 35%,#f8fbff 70%,#e3efff 100%),linear-gradient(270deg,#fff,#fff);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px 20px;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.opening-splash-screen.fade-out{opacity:0;pointer-events:none;transform:scale(1.03)}.splash-glow-top-right{filter:blur(27.5px);pointer-events:none;background:radial-gradient(closest-side,#60a5fa66 0%,#bfdbfe33 50%,#bfdbfe00 75%);flex-shrink:0;width:580px;height:580px;position:absolute;top:-120px;right:-100px}.splash-gradient-blur{filter:blur(30px);pointer-events:none;background:radial-gradient(closest-side,#93c5fd40 0%,#e0f2fe1a 60%,#e0f2fe00 80%);flex-shrink:0;width:37.5%;height:480px;position:absolute;bottom:0;left:10%;right:52.5%}.splash-brand-center{z-index:10;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:16px;display:flex;position:relative}.splash-icon{object-fit:cover;aspect-ratio:1;border:1px solid #fff6;border-radius:14px;width:90px;height:90px}.splash-text-col{flex-direction:column;align-items:flex-start;gap:10px;padding:0 8px;display:flex}.splash-title-row{flex-direction:row;align-items:flex-start;gap:4px;display:flex}.splash-kelas{color:#14233f;letter-spacing:-.5px;font-family:WorkSans-ExtraBold,Work Sans,sans-serif;font-size:38px;font-weight:800;line-height:1}.splash-ku{color:#3a8cf3;letter-spacing:-.5px;font-family:WorkSans-ExtraBold,Work Sans,sans-serif;font-size:38px;font-weight:800;line-height:1}.splash-subtitle{color:#2563eb;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-family:OpenSans-SemiBold,Open Sans,sans-serif;font-size:15px;font-weight:600;line-height:1}.login-page{justify-content:center;align-items:center;width:100vw;display:flex;position:relative;height:100vh!important;max-height:100vh!important;padding:0!important;overflow:hidden!important}.main-dual-column-container{transform-origin:50%;transition:transform .15s ease-out;transform:scale(.74)}.section-left-column-branded-3-d-glass-panel{border-radius:40px!important;height:100%!important}.section-left-column-branded-3-d-glass-panel-shadow{border-radius:40px!important}.section-right-column-liquid-glass-login-card{height:100%!important;padding:0!important}.background-border-overlay-blur{border-radius:40px!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important;padding:38px 40px!important;display:flex!important}.overlay-shadow{border-radius:40px!important}.svg-background-organic-polygon-blob-bright-blue{box-shadow:none!important}.svg-background-organic-polygon-blob-bright-blue .svg{filter:drop-shadow(0 16px 24px #2563eb4d)}.svg2{box-shadow:none!important}.svg2 .svg3{filter:drop-shadow(0 8px 12px #2563eb38)}.translucent-blue-pyramid-1-left-background-svg{box-shadow:none!important}.translucent-blue-pyramid-1-left-background-svg .svg4{filter:drop-shadow(0 6px 10px #2563eb2e)}.svg5{box-shadow:none!important}.svg5 .svg6{filter:drop-shadow(0 6px 10px #2563eb33)}@keyframes floatCenterK{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}@keyframes pulseBlob{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.03)rotate(2.5deg)}}@keyframes floatDonut{0%,to{transform:translateY(0)rotate(12deg)}50%{transform:translateY(-11px)rotate(17deg)}}@keyframes floatPyramidLeft{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-9px)rotate(-7deg)}}@keyframes floatPyramidRight{0%,to{transform:translateY(0)rotate(45deg)}50%{transform:translateY(-8px)rotate(51deg)}}@keyframes floatGlassCard{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(0)}}.frosted-glass-rounded-square-with-white-letter-k-4-corner-dots{will-change:transform;animation:4s ease-in-out infinite floatCenterK!important}.svg-background-organic-polygon-blob-bright-blue{transform-origin:50%;will-change:transform;animation:6s ease-in-out infinite pulseBlob!important}.glossy-light-blue-donut-ring-torus-3-d-shape{will-change:transform;animation:4.5s ease-in-out .4s infinite floatDonut!important}.translucent-blue-pyramid-1-left-background-svg{will-change:transform;animation:5s ease-in-out .8s infinite floatPyramidLeft!important}.translucent-blue-pyramid-2-right-foreground{will-change:transform;animation:4.2s ease-in-out 1.2s infinite floatPyramidRight!important}.floating-white-glass-card-with-two-light-blue-lines{will-change:transform;animation:4.8s ease-in-out .6s infinite floatGlassCard!important}.container4{overflow:hidden!important}.container8{width:auto!important;height:auto!important}.server-operasional-kampus-online{white-space:nowrap!important;position:static!important;translate:none!important}.mobile-brand-header{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:8px;display:none}.mobile-brand-icon{object-fit:cover;border:1px solid #fff9;border-radius:12px;width:44px;height:44px;box-shadow:0 4px 10px #2563eb26}.mobile-brand-text{flex-direction:column;align-items:flex-start;display:flex}.mobile-brand-title{font-family:WorkSans-ExtraBold,Work Sans,sans-serif;font-size:22px;font-weight:800;line-height:1}.mobile-brand-sub{color:#2563eb;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-family:OpenSans-SemiBold,Open Sans,sans-serif;font-size:10px;font-weight:600}@keyframes loginSlideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes loginSlideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes loginSlideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes loginContentSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}body.splash-active:not(.login-revealed) .section-left-column-branded-3-d-glass-panel,body.splash-active:not(.login-revealed) .section-right-column-liquid-glass-login-card,body.splash-active:not(.login-revealed) .mobile-brand-header{visibility:hidden;opacity:0!important}body.login-revealed .mobile-brand-header{will-change:transform, opacity;visibility:visible!important;animation:1s cubic-bezier(.25,1,.5,1) 50ms both loginSlideInDown!important}body.login-revealed .section-left-column-branded-3-d-glass-panel{will-change:transform, opacity;visibility:visible!important;animation:1.15s cubic-bezier(.25,1,.5,1) 80ms both loginSlideInLeft!important}body.login-revealed .section-right-column-liquid-glass-login-card{will-change:transform, opacity;visibility:visible!important;animation:1.15s cubic-bezier(.25,1,.5,1) .16s both loginSlideInRight!important}body.login-revealed .header-heading-subtext-margin{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .26s both loginContentSlideIn!important}body.login-revealed .username-input-pill-shaped-54-px{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .34s both loginContentSlideIn!important}body.login-revealed .password-input-pill-shaped-54-px{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .42s both loginContentSlideIn!important}body.login-revealed .options-row-ingat-saya-lupa-password{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .5s both loginContentSlideIn!important}body.login-revealed .buttons-group{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .58s both loginContentSlideIn!important}body.login-revealed .small-footer-text-margin{will-change:transform, opacity;animation:1.1s cubic-bezier(.25,1,.5,1) .66s both loginContentSlideIn!important}@media (prefers-reduced-motion:reduce){body.splash-active:not(.login-revealed) .section-left-column-branded-3-d-glass-panel,body.splash-active:not(.login-revealed) .section-right-column-liquid-glass-login-card,body.splash-active:not(.login-revealed) .mobile-brand-header{opacity:1!important;visibility:visible!important}body.login-revealed .mobile-brand-header,body.login-revealed .section-left-column-branded-3-d-glass-panel,body.login-revealed .section-right-column-liquid-glass-login-card,body.login-revealed .header-heading-subtext-margin,body.login-revealed .username-input-pill-shaped-54-px,body.login-revealed .password-input-pill-shaped-54-px,body.login-revealed .options-row-ingat-saya-lupa-password,body.login-revealed .buttons-group,body.login-revealed .small-footer-text-margin{opacity:1!important;animation:none!important;transform:none!important}}@media (width>=1440px) and (height>=850px){.main-dual-column-container{transform:scale(.78)}}@media (width<=1439px) and (width>=1024px){.main-dual-column-container{transform:scale(.68)}}@media (height<=720px) and (width>=1024px){.main-dual-column-container{transform:scale(.62)}}@media (height<=600px) and (width>=1024px){.main-dual-column-container{transform:scale(.55)}}@media (width<=1023px){html,body{height:auto!important;min-height:100vh!important;overflow:hidden auto!important}.login-page{-webkit-overflow-scrolling:touch!important;justify-content:center!important;align-items:center!important;height:auto!important;min-height:100vh!important;max-height:none!important;padding:32px 16px!important;display:flex!important;overflow:hidden auto!important}.main-dual-column-container{flex-direction:column!important;grid-template-rows:auto!important;grid-template-columns:1fr!important;justify-content:center!important;align-items:center!important;gap:16px!important;width:100%!important;max-width:440px!important;height:auto!important;min-height:auto!important;margin:0 auto!important;display:flex!important;transform:none!important}.section-left-column-branded-3-d-glass-panel{display:none!important}.mobile-brand-header{display:flex!important}.section-right-column-liquid-glass-login-card{justify-content:center!important;width:100%!important;height:auto!important;padding:0!important;display:flex!important}.background-border-overlay-blur{border-radius:28px!important;width:100%!important;max-width:100%!important;padding:28px 24px!important}.header-heading-subtext-margin{padding-bottom:16px!important}.username-input-pill-shaped-54-px,.password-input-pill-shaped-54-px,.background-border-shadow,.buttons-group,.full-width-pill-masuk-button-with-glowing-blue-gradient,.white-glossy-pill-button-hubungi-admin{width:100%!important}}@media (width<=480px){.login-page{padding:20px 12px!important}.background-border-overlay-blur{border-radius:24px!important;gap:18px!important;padding:26px 18px!important}.heading-1 .masuk{font-size:26px!important}.akses-monitoring-kelas-peminjaman-barang-dan-laporan-kerusakan{font-size:13px!important;line-height:1.4!important}.options-row-ingat-saya-lupa-password{justify-content:space-between!important;width:100%!important;font-size:12px!important}.splash-brand-center{text-align:center!important;flex-direction:column!important;gap:12px!important}.splash-text-col{align-items:center!important;padding:0!important}.splash-title-row{justify-content:center!important}.splash-kelas,.splash-ku{font-size:32px!important}.splash-subtitle{white-space:normal!important;text-align:center!important;font-size:13px!important}.splash-icon{width:72px!important;height:72px!important}}