*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#07549a;--primary-dark:#053765;--primary-light:#1478c9;--white:#fff;--background:#f4f7fb;--text:#172033;--muted:#667085;--border:#dfe6ee}body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;background:var(--background);min-height:100vh}.login-container{width:100%;min-height:100vh;display:grid;grid-template-columns:52% 48%}.login-information{background:linear-gradient(145deg,#07579d 0%,#06487f 35%,#05345f 75%,#042a4b 100%);color:#fff;display:flex;justify-content:center;align-items:center;padding:45px 60px;position:relative;overflow:hidden}.login-information:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:rgba(255,255,255,.04);top:-160px;right:-180px}.login-information:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(255,255,255,.08);bottom:-180px;left:-120px}.information-content{width:100%;max-width:650px;position:relative;z-index:2}.school-brand{display:flex;align-items:center;gap:20px;margin-bottom:35px}.school-logo{width:115px;height:115px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.2))}.brand-text{border-left:1px solid rgba(255,255,255,.25);padding-left:20px}.system-name{display:inline-block;font-size:13px;font-weight:700;letter-spacing:4px;color:#a7d6ff;margin-bottom:5px}.brand-text h1{font-size:27px;letter-spacing:.8px}.information-title{margin-bottom:28px}.small-title{font-size:11px;letter-spacing:2px;color:#9ed3ff;font-weight:700}.information-title h2{font-size:32px;line-height:1.25;margin:10px 0 14px}.information-title p{color:#d7e8f6;line-height:1.7;font-size:14px;max-width:590px}.facility-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.facility-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:.25s}.facility-item:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}.facility-icon{width:38px;height:38px;flex-shrink:0;border-radius:8px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:19px}.facility-item h3{font-size:13px;margin-bottom:4px}.facility-item p{font-size:11px;line-height:1.5;color:#c9deef}.information-footer{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);display:flex;gap:10px;flex-wrap:wrap;color:#bdd8ed;font-size:11px}.login-form-section{display:flex;justify-content:center;align-items:center;padding:50px;background:linear-gradient(145deg,#f9fbfd,#eef3f8)}.login-form-wrapper{width:100%;max-width:430px}.login-label{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--primary)}.login-heading h2{margin:8px 0;font-size:31px;color:var(--text)}.login-heading p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:27px}.alert-error{background:#fee2e2;color:#991b1b;padding:11px 13px;border-radius:8px;margin-bottom:18px;font-size:12px}.form-group{margin-bottom:18px}.form-group label{display:block;color:#344054;font-weight:600;font-size:13px;margin-bottom:7px}.input-wrapper{display:flex;align-items:center;width:100%;background:#fff;border:1px solid var(--border);border-radius:9px;transition:.2s}.input-wrapper:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(20,120,201,.12)}.input-icon{width:45px;text-align:center;color:#667085}.input-wrapper input{flex:1;border:none;outline:none;background:transparent;padding:13px 8px;font-size:13px;min-width:0}.password-toggle{border:none;background:transparent;width:45px;cursor:pointer}.form-options{display:flex;justify-content:space-between;margin-bottom:22px}.remember{display:flex;align-items:center;gap:7px;color:#667085;font-size:12px}.login-button{border:none;width:100%;padding:13px 17px;border-radius:9px;background:linear-gradient(90deg,var(--primary-dark),var(--primary-light));color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;cursor:pointer;transition:.25s;box-shadow:0 7px 17px rgba(7,84,154,.22)}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,84,154,.28)}.login-security{display:flex;gap:11px;align-items:flex-start;margin-top:22px;padding:12px;background:#f8fafc;border:1px solid var(--border);border-radius:9px}.security-icon{font-size:17px}.login-security p{font-size:11px;color:#667085;line-height:1.55}.login-copyright{text-align:center;color:#98a2b3;font-size:10px;line-height:1.6;margin-top:25px}.login-mobile-logo{display:none}@media(max-width:1100px){.login-container{grid-template-columns:48% 52%}.login-information{padding:35px}.facility-list{grid-template-columns:1fr}.information-title h2{font-size:27px}}@media(max-width:800px){.login-container{display:block}.login-information{display:none}.login-form-section{min-height:100vh;padding:25px}.login-mobile-logo{display:block;text-align:center;margin-bottom:20px}.login-mobile-logo img{width:115px;height:115px;object-fit:contain}.login-heading{text-align:center}}