body{margin:0;height:100vh;background:linear-gradient(#000000b3,#000000b3),url(icons/login_image.webp);background-repeat:no-repeat;background-size:cover;font-family:Inter,Roboto,Helvetica Neue,sans-serif;display:flex;align-items:center;justify-content:center}.forgot-url-cont{margin-bottom:1.5rem;transition:all .4s ease}.forgot-url{color:#f6c891}.forgot-url-cont:hover{transform:scale(1.005)}.login-tilted-container{background-color:#ffffff73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;width:500px;max-width:90%;border-radius:10px;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0003;color:#f8f7f5}.login-inner-container{color:#f8f7f5;padding:2.5rem}.login-logo-header{display:flex;align-items:center;justify-content:center;position:absolute;gap:1.5rem;top:-6rem}.login-logo{height:5.5rem;width:15rem}.login-title{font-size:2.9rem;font-weight:500;color:#fafafa}.login-signin-text{font-size:3.1rem;color:#f8f7f5;margin:1rem 0 3rem;cursor:default}.login-label{margin-bottom:.25rem;font-size:20px}.login-container h2{margin-bottom:20px;font-size:28px;color:#333}.login-form{display:flex;flex-direction:column;align-items:stretch}input#id_username,input#id_password{font-family:Inter,sans-serif;font-size:16px;color:#f8f7f5;padding:10px 12px;margin-bottom:1.5rem;border:1px solid #ccc;border-radius:6px;background-color:#ffffff26}input#id_username:focus,input#id_password:focus{outline:none;box-shadow:0 0 0 2px #c7762040;background-color:#5a5a5aa6}.login-button{background-color:#c77620;color:#f8f7f5;font-size:18px;padding:10px;border:none;border-radius:.5rem;cursor:pointer;margin-bottom:15px;width:20%;transition:all .4s ease}.login-button:hover{background-color:#8c4e15}.login-error-message{font-family:Inter,sans-serif;color:maroon;font-size:18px;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.login-signin-text{font-size:3.1rem;color:#f8f7f5;margin:1rem 0 3rem;cursor:default}html{padding:0;margin:0;width:100%}body{padding:0;margin:0;width:100vw;min-height:100vh;background-repeat:no-repeat;background-size:400vw 250vh;background-position:center;background-attachment:fixed;overflow-y:hidden}.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{display:flex;align-items:center;justify-content:center;position:absolute;top:-6rem;left:50%;transform:translate(-50%)}.login-logo{height:25vw;width:75vw}.login-title{font-size:2rem;color:#fafafa;margin-top:1rem;text-align:center}.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{margin-bottom:0;font-size:20px}}@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}}