.login-page{background-image:linear-gradient(#0c0a0847,#0c0a0861),url(/background_desktop.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:3rem 1rem 6rem;display:flex}.login-form-container{width:min(100%,360px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:.75rem .75rem 1rem;display:flex}.login-form-title{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(#f9e7bf 0%,#e4c98b 24%,#cfa35b 52%,#9a742f 78%,#6c4a1d 100%);-webkit-text-fill-color:transparent;text-shadow:0 1px #000000b3,0 2px 6px #000000d9,0 0 12px #dfb9782e;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0;padding:.5rem 0;font-family:Cinzel,Trajan Pro,serif;font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.1}.login-form{flex-direction:column;gap:.9rem;width:min(100%,220px);display:flex;position:relative}.login-form-username,.login-form-password{box-sizing:border-box;color:#b89b5e;text-align:center;background-color:#111111e6;border:3px solid #444;border-radius:5px;width:min(100%,200px);margin:0 auto;padding:.9rem .75rem;font-size:1rem}.login-form-username::placeholder,.login-form-password::placeholder{text-align:center;color:#b89b5ecc}.login-form-username:focus,.login-form-password:focus{border:3px solid #b89b5e;outline:none}.login-form-username:-webkit-autofill{-webkit-text-fill-color:#b89b5e;caret-color:#b89b5e;border:3px solid #444;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #111}.login-form-username:-webkit-autofill:hover{-webkit-text-fill-color:#b89b5e;caret-color:#b89b5e;border:3px solid #444;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #111}.login-form-username:-webkit-autofill:focus{-webkit-text-fill-color:#b89b5e;caret-color:#b89b5e;border:3px solid #444;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #111}.login-form-password:-webkit-autofill{-webkit-text-fill-color:#b89b5e;caret-color:#b89b5e;border:3px solid #444;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #111}.login-form-password:-webkit-autofill:hover{-webkit-text-fill-color:#b89b5e;caret-color:#b89b5e;border:3px solid #444;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #111}.login-form-password:-webkit-autofill:focus{-webkit-text-fill-color:#b89b5e;caret-color:#b89b5e;border:3px solid #444;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #111}.login-form-submit-button{letter-spacing:1px;color:#f2e6c9;text-transform:uppercase;cursor:pointer;background:linear-gradient(#2a2a2a 0%,#1b1b1b 45%,#111 100%);border:1px solid #b89b5eb3;border-radius:6px;padding:14px 32px;font-family:Cinzel,Trajan Pro,serif;font-size:20px;transition:all .15s ease-in-out;box-shadow:inset 0 2px 4px #ffd79640,inset 0 -4px 6px #000000e6,0 6px 14px #000000b3}.login-form-submit-button:active{transform:translateY(1px);box-shadow:inset 0 3px 8px #000000b3}.login-error-message{color:red;opacity:1;text-align:center;justify-content:center;align-items:center;min-height:1.4rem;font-weight:600;line-height:1.4rem;transition:opacity .12s;display:flex}.login-error-message:empty{opacity:0;visibility:hidden}@media (max-width:600px){.login-page{background-image:linear-gradient(#0c0a0852,#0c0a0880),url(/background_mobile.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:2.5rem .75rem}.login-form-container{width:min(100%,190px);margin-top:6rem;padding:.3rem .2rem .6rem}.login-form{gap:.5rem;width:min(100%,150px)}.login-form-title{letter-spacing:1px;padding:0;font-size:22px}.login-form-username,.login-form-password{width:min(100%,150px);margin:0 auto;padding:.65rem .45rem;font-size:.85rem}.login-form-submit-button{width:min(100%,150px);margin:0 auto;padding:9px 12px;font-size:12px}}