body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8f9fa}.login-page{display:flex;height:100vh;background-color:#00000080}.login-left,.login-right{width:50%;display:flex;justify-content:center;align-items:center;padding:2rem;color:#fff}.login-left{flex-direction:column;text-align:left;color:#fff;background:url(/images/login.jpeg) no-repeat center center;background-size:cover;padding:2rem 1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0000000a;position:relative;z-index:1}.login-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;border-radius:.5rem;z-index:-1}.login-left h1{font-size:2.5rem;margin-bottom:1rem;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.login-left h3{font-size:1.25rem;color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.4);margin-bottom:.5rem}.login-right{background:#f8f9fa;color:#000;border-radius:.5rem;position:relative;z-index:1}.login-form{width:100%;max-width:400px;position:relative;z-index:2;background:#ffffffe6;padding:2rem;border-radius:.5rem}.footer{background:#f8f9fa;padding:10px;text-align:center;color:#333;position:relative;width:100%;margin-top:2rem}.footer a{color:#007bff;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 768px){.login-page{flex-direction:column;background:none}.login-left{display:none}.login-right{width:100%;min-height:100vh;background:#f8f9fa;display:flex;align-items:center;justify-content:center;border-radius:0;padding-top:0}.login-form{background:#fffffff2;margin:0 auto;padding:2rem 1rem;border-radius:.5rem}}