.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:radial-gradient(circle at center,#272822 0%,#171814 100%);}.login-card{width:100%;max-width:400px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;box-shadow:0 10px 30px rgba(0,0,0,0.7);}.login-header{text-align:center;margin-bottom:28px;}.login-header svg{width:48px;height:48px;color:var(--monokai-cyan);margin-bottom:12px;}.login-title{font-size:20px;font-weight:700;color:var(--monokai-green);letter-spacing:0.5px;}.login-desc{font-size:12px;color:var(--text-muted);margin-top:4px;}.form-group{margin-bottom:20px;}.form-label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:8px;font-weight:600;}.input-with-icon{position:relative;display:flex;align-items:center;}.input-with-icon svg{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted);}.input-with-icon input{width:100%;padding-left:38px;}.btn-submit{width:100%;padding:10px;font-size:13px;letter-spacing:0.5px;}.login-error{display:none;background:rgba(249,38,114,0.15);border:1px solid var(--monokai-pink);color:var(--monokai-pink);padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:16px;animation:shake 0.3s ease;}@keyframes shake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-6px);}40%,80%{transform:translateX(6px);}}