.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--background);position:relative}.back-link{position:absolute;top:2rem;left:2rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.back-link:hover{color:var(--primary-light)}.login-content{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:12px}.logo-area h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.logo-area p{font-size:.9rem;margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:hsla(0,0%,100%,.05);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px rgba(99,102,241,.2);background:hsla(0,0%,100%,.1)}select.form-input option{background-color:#1a1a2e;color:#fff}.message-box.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:.75rem;color:#ef4444}