@media(max-width:1400px){.container{width:94%;gap:50px}.hero-heading h1{font-size:68px}.hero-heading p{font-size:21px}.hero-school{max-width:560px}.login-card{max-width:450px;padding:38px}}@media(max-width:1100px){body{overflow-y:auto;overflow-x:hidden}.website{height:auto;min-height:100vh;overflow:visible}.main{height:auto;min-height:100vh;padding:70px 20px;display:flex;align-items:flex-start}.container{width:100%!important;max-width:700px!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:60px!important;margin:0 auto!important}.left-side{width:100%!important;padding:0!important;display:flex;flex-direction:column;align-items:center;text-align:center}.hero{width:100%!important;max-width:700px!important}.hero-brand{justify-content:center}.hero-description,.hero-school{margin-left:auto;margin-right:auto}.hero-footer{position:static;width:100%;margin-top:40px}.right-side{width:100%!important;max-width:600px!important;margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important}.login-card{width:100%!important;max-width:520px!important}.lamp-fixed{display:none}}@media(max-width:768px){html{width:100%;min-height:100%}body{width:100%;min-height:100vh;height:auto;overflow-x:hidden;overflow-y:auto}.website{position:relative;width:100%!important;height:auto!important;min-height:100vh!important;overflow:visible!important;opacity:1!important;visibility:visible!important}.background{position:fixed;inset:0;width:100%;height:100%}.bg-grid{display:none}.main{position:relative;width:100%!important;height:auto!important;min-height:100vh!important;padding:28px 16px 35px!important;display:block!important;box-sizing:border-box}.container{width:100%!important;max-width:430px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:22px!important;box-sizing:border-box}.left-side{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;display:block!important;text-align:center!important}.hero{width:100%!important;max-width:none!important;margin:0!important}.hero-brand{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0!important}.hero-logo{width:58px!important;height:auto;margin:0 auto 4px!important}.hero-heading{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.hero-label{font-size:9px!important;padding:8px 14px!important;margin-bottom:9px!important;letter-spacing:1.5px!important}.hero-heading h1{width:100%!important;font-size:38px!important;line-height:1!important;letter-spacing:-1.5px!important;margin:0 0 7px!important;white-space:nowrap}.hero-heading p{font-size:14px!important;line-height:1.4!important;margin:0 0 3px!important}.hero-heading small{font-size:11px!important}.hero-description,.hero-school,.hero-footer,.lamp-fixed,.floating-light{display:none!important}.right-side{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;display:block!important;box-sizing:border-box!important}.login-card{position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:26px 20px!important;border-radius:22px!important;box-sizing:border-box!important;transform:none}.login-header{width:100%!important;text-align:center}.login-logo{width:58px!important;margin:0 auto 12px!important}.login-badge{font-size:10px!important;letter-spacing:1.8px!important}.login-header h2{width:100%;font-size:25px!important;line-height:1.2!important;margin:9px 0 10px!important;white-space:normal!important;word-break:normal!important}.login-header p{width:100%;max-width:320px;margin:0 auto!important;font-size:12px!important;line-height:1.7!important}.divider{margin:22px 0!important}.form-group{width:100%!important;margin-bottom:18px!important}.form-group label{font-size:13px!important;margin-bottom:8px!important}.input-box{width:100%!important}.input-box input{width:100%!important;height:56px!important;padding-left:68px!important;padding-right:55px!important;box-sizing:border-box!important;font-size:14px!important}.input-box i{left:14px!important;width:38px!important;height:38px!important}.toggle-password{right:8px!important}.form-option{width:100%!important;margin:20px 0!important;gap:10px}.remember{font-size:12px!important}.forgot-password{font-size:12px!important;margin-left:0!important}.login-button{width:100%!important;height:56px!important;margin:0!important}.login-footer{width:100%!important;margin-top:22px!important;padding-top:17px!important}.footer-left .version{font-size:12px!important}.footer-left small,.status{font-size:10px!important}.mobile-clock{display:flex!important;width:100%!important;flex-direction:column;align-items:center;gap:10px;margin-top:0}.mobile-clock .clock-wrapper{width:100%;max-width:300px;padding:16px 20px;text-align:center;box-sizing:border-box}.mobile-clock .clock{font-size:30px!important}.mobile-clock .today{font-size:12px!important}.mobile-clock .copyright{font-size:11px!important;text-align:center}}@media(max-width:420px){.main{padding:22px 12px 30px!important}.container{max-width:100%!important}.hero-logo{width:54px!important}.hero-heading h1{font-size:34px!important}.hero-heading p{font-size:13px!important}.login-card{padding:23px 17px!important;border-radius:20px!important}.login-logo{width:54px!important}.login-header h2{font-size:23px!important}.login-header p{font-size:11.5px!important}.input-box input,.login-button{height:54px!important}.mobile-clock .clock{font-size:28px!important}}@media(max-width:360px){.hero-heading h1{font-size:31px!important}.login-header h2{font-size:21px!important}.form-option{flex-direction:column;align-items:flex-start}.forgot-password{margin-left:0!important}}