body{margin:0;height:100vh;background-color:#0d2a3f;font-family:Inter,Roboto,Helvetica Neue,sans-serif;display:flex;align-items:center;justify-content:center}.login-tilted-container{background:#fafafa;padding:0;width:500px;max-width:90%;border-radius:10px;box-shadow:0 10px 30px #0003;transform:skewY(-3deg)}.login-inner-container{padding:2.5rem;transform:skewY(3deg)}.login-logo-header{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;position:absolute;gap:12px;top:-6rem;transform:skewY(3deg)}.login-logo{height:5.1rem;width:5.1rem;border-radius:10%;margin-right:.5rem}.login-title{font-size:2.7rem;font-weight:500;color:#fafafa}.login-signin-text{font-size:2.7rem;color:#333}.login-logo{margin-bottom:20px}.login-container h2{margin-bottom:20px;font-size:28px;color:#333}.login-form{display:flex;flex-direction:column;align-items:stretch}.login-inner-container input[type=text]:focus,.login-inner-container input[type=password]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}input#id_username,input#id_password{font-family:Inter,sans-serif;font-size:16px;color:#333;padding:10px 12px;margin-bottom:1.5rem;border:1px solid #ccc;border-radius:6px;background-color:#fafafa}.login-button{background-color:#007bff;color:#fff;font-size:16px;padding:10px;border:none;border-radius:4px;cursor:pointer;margin-bottom:15px;width:20%}.login-button:hover{background-color:#0056b3}.login-error-message{font-family:Inter,sans-serif;color:red;font-weight:700;margin-bottom:10px}@media (max-width: 768px){html,body{padding:0;margin:0;overflow-x:hidden;background-color:#0d2a3f;width:100%}.login-tilted-container{width:100%;max-width:100%;transform:none!important;border-radius:0;box-shadow:none;min-height:auto}.login-inner-container{transform:none!important;padding:1.5rem;box-sizing:border-box}.login-logo-header{position:static;transform:none!important;justify-content:center;align-items:center;margin-bottom:1.5rem;width:100%;text-align:center}.login-logo{height:20vw;width:20vw;max-width:100%}.login-title{font-size:2rem;color:#fafafa;margin-top:1rem;text-align:center}.login-signin-text{font-size:9vw;color:#333;text-align:center;margin-bottom:2rem}.login-form{width:100%;display:flex;flex-direction:column;gap:1rem}input#id_username,input#id_password{font-size:5vw;padding:.75rem;width:100%;border-radius:6px;margin-bottom:1.5rem;box-sizing:border-box}.login-button{width:100%;font-size:4vw;padding:1rem;border-radius:6px;box-sizing:border-box}.login-error-message{font-size:3vw;text-align:center;color:red}.login-label{font-size:5vw}}@media screen and (max-width: 768px) and (orientation: landscape){.login-inner-container,.login-logo-header{transform:none!important}.login-tilted-container{padding:1rem;flex-direction:row;transform:none!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.login-logo{image-rendering:-webkit-optimize-contrast}}@media (max-width: 320px){.login-button{font-size:1rem;padding:.8rem}.login-logo{height:5rem;width:5rem}}