.login-container{min-height:100vh;background-color:var(--background);color:var(--foreground);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;font-family:Roboto-Light,sans-serif}.navbar{background-color:var(--background);position:fixed;top:0;width:100vw;display:grid;grid-template-columns:repeat(6,1fr);grid-template-areas:"logo nav nav nav nav nav";padding:1rem 0;height:5vh}.name,.navbar{text-align:center;align-content:center;z-index:5}.name{grid-area:logo}.name a{color:var(--foreground);text-decoration:none;font-size:1.3vw}#nav{grid-area:nav;text-align:center;align-content:center;justify-self:start;z-index:5}#nav,#nav a{display:inline}#nav a{font-size:1.2vw;text-decoration:none;margin-left:7vw;color:var(--foreground)}#nav a:hover{color:var(--accent)}.login-card{background-color:var(--card-background);border-radius:10px;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(12px);border:1px solid var(--border-color);margin-top:5vh}.login-card h1{color:var(--foreground);text-align:center;margin-bottom:2rem;font-family:MabryPro-Regular,Roboto-Light,sans-serif;font-size:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;opacity:.9}.form-group input,.form-group label{font-size:1rem;color:var(--foreground)}.form-group input{width:100%;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:5px;background-color:var(--input-background);transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--accent);background-color:var(--input-focus-background);box-shadow:0 0 0 2px rgba(68,160,125,.3)}.form-group input::placeholder{color:var(--text-subtle)}.login-button{width:100%;padding:.8rem;background-color:var(--accent);color:var(--foreground);border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;height:48px}.login-button:hover:not(:disabled){background-color:var(--accent-hover)}.login-button:disabled{background-color:var(--accent-disabled);cursor:not-allowed}.message{margin-top:1.5rem;padding:.8rem 1rem;border-radius:5px;text-align:center;font-weight:500}.error{background-color:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);color:#fecaca}.success{background-color:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.5);color:#bbf7d0}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid var(--text-subtle);border-top-color:var(--foreground);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:975px){.login-card{padding:1.5rem;margin:1rem}.login-card h1{font-size:2rem}.navbar{position:fixed;top:0;width:100vw;height:10vh;text-align:center;align-content:center;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:1rem;grid-template-areas:none;grid-template-columns:none}.name{grid-area:none;justify-self:auto;margin-left:0;font-weight:700}.name,.name a{font-size:1.2rem}#nav a{font-size:3vw;margin-left:4vw}.login-card{margin-top:10vh}}@media (max-width:768px){.login-container{padding:1rem}.login-card{padding:1.5rem}.login-card h1{font-size:1.8rem}#nav{display:none}}@media (max-width:480px){.login-card h1{font-size:1.5rem}.form-group input{font-size:16px}}