*,: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}.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}.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}.main-dual-column-container{transform-origin:50%;transition:transform .15s ease-out;transform:scale(.72)}@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)}}.mobile-brand-header{will-change:transform, opacity;animation:1s cubic-bezier(.25,1,.5,1) 50ms both loginSlideInDown!important}.section-left-column-branded-3-d-glass-panel{will-change:transform, opacity;animation:1.15s cubic-bezier(.25,1,.5,1) 80ms both loginSlideInLeft!important}.section-right-column-liquid-glass-login-card{will-change:transform, opacity;animation:1.15s cubic-bezier(.25,1,.5,1) .16s both loginSlideInRight!important}.header-heading-subtext-margin{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .26s both loginContentSlideIn!important}.username-input-pill-shaped-54-px{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .34s both loginContentSlideIn!important}.password-input-pill-shaped-54-px{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .42s both loginContentSlideIn!important}.options-row-ingat-saya-lupa-password{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .5s both loginContentSlideIn!important}.buttons-group{will-change:transform, opacity;animation:1.05s cubic-bezier(.25,1,.5,1) .58s both loginContentSlideIn!important}.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){.mobile-brand-header,.section-left-column-branded-3-d-glass-panel,.section-right-column-liquid-glass-login-card,.header-heading-subtext-margin,.username-input-pill-shaped-54-px,.password-input-pill-shaped-54-px,.options-row-ingat-saya-lupa-password,.buttons-group,.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}}