*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html,body{background:#fff;width:100%;height:100%;overflow:hidden}.container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-container{background:#fff;border-radius:16px;width:min(1160px,94vw);height:min(620px,88vh);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001f}.left-panel{width:50%;height:100%;position:relative;overflow:hidden}.bg-image{object-fit:cover;width:100%;height:100%}.overlay{background:#00000073;width:100%;height:100%;position:absolute;top:0;left:0}.left-content{z-index:2;text-align:center;color:#fff;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.left-content h2{letter-spacing:.5px;font-size:clamp(22px,2.6vw,38px);font-weight:700;line-height:1.35}.brand-badge{margin-bottom:16px}.brand-badge img{filter:drop-shadow(0 3px 10px #00000059);width:clamp(140px,14vw,220px);height:auto;margin:0 auto;display:block}.brand-logo{letter-spacing:4px;text-shadow:0 2px 12px #00000040;margin-bottom:14px;font-size:clamp(44px,5.5vw,76px);font-weight:800;line-height:1.1}.brand-tagline{letter-spacing:.3px;opacity:.92;margin-bottom:18px;font-size:clamp(14px,1.3vw,18px);font-weight:400;line-height:1.5}.brand-divider{background:#22a7ea;border:none;border-radius:2px;width:56px;height:3px;margin:0 auto 18px}.brand-org{letter-spacing:2px;opacity:.95;font-size:clamp(15px,1.5vw,20px);font-weight:700}.brand-eyebrow{letter-spacing:3px;opacity:.9;border:1px solid #ffffff80;border-radius:20px;margin-bottom:16px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.right-panel{background:#fff;justify-content:center;align-items:center;width:50%;height:100%;display:flex}.login-box{width:70%;max-width:600px}.login-box h1{text-align:center;color:#22a7ea;margin-bottom:60px;font-size:72px;font-weight:300}label{margin-bottom:8px;font-size:18px;display:block}input{border:1px solid #d9d9d9;border-radius:10px;width:100%;height:52px;margin-bottom:30px;padding:10px;font-size:16px}button{color:#fff;cursor:pointer;background:#2ea8e6;border:none;border-radius:15px;width:100%;height:55px;margin-top:10px;font-size:22px}button:hover{background:#1d98d7}p{text-align:center;margin-top:18px;font-size:15px}a{color:#2ea8e6;text-decoration:none}.alert{color:#d8000c;text-align:center;background:#ffe5e5;border-radius:6px;width:100%;margin-bottom:15px;padding:12px;font-size:14px}@media (width<=768px){html,body{height:auto;overflow-y:auto}.container{height:auto;min-height:100vh;padding:24px 0}.login-container{flex-direction:column;width:92vw;height:auto;max-height:none}.left-panel{width:100%;height:200px}.right-panel{width:100%;padding:30px 20px}.login-box{width:100%}}