.login-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{background-color:#1e1e1e;border-radius:12px;border:2px solid var(--primary-green);padding:2rem;width:100%;max-width:400px;box-shadow:0 8px 32px rgba(76,175,80,.2)}.login-container h1{color:var(--primary-green);text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-container>p{text-align:center;color:#ccc;margin-bottom:2rem;opacity:.9}.auth-form-container{width:100%}.auth-tabs{display:flex;margin-bottom:1.5rem;border-radius:8px;overflow:hidden}.auth-tab,.auth-tabs{background-color:#2d2d2d}.auth-tab{flex:1;padding:.75rem 1rem;color:#ccc;border:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.auth-tab:hover{background-color:#3a3a3a}.auth-tab.active{background-color:var(--primary-green);color:white}.auth-form{display:flex;flex-direction:column;gap:1rem}.error-message{background-color:#f44336;color:white;padding:.75rem;border-radius:6px;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--primary-green);font-weight:500;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #2d2d2d;border-radius:6px;background-color:#121212;color:white;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-green)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#666}.auth-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;margin-top:.5rem}.auth-button:disabled{background-color:#2d2d2d!important;color:#666!important;cursor:not-allowed!important}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #2d2d2d}.auth-footer p{color:#ccc;margin:0;font-size:.9rem}.link-button{background:none;border:none;color:var(--primary-green);cursor:pointer;text-decoration:underline;font-size:.9rem;margin-left:.5rem;transition:color .3s ease}.link-button:hover:not(:disabled){color:#66bb6a}.link-button:disabled{color:#666;cursor:not-allowed;text-decoration:none}@media (max-width:480px){.login-page{padding:.5rem}.login-container{padding:1.5rem}.login-container h1{font-size:1.75rem}.auth-tab{padding:.625rem .75rem;font-size:.9rem}}