/* ===================================================================== */
/* 🎤 RADIOPLUNA – RECRUITMENT TERMINAL (UNIKAT COCKPIT SINGLE-LINE)     */
/* Herbst-Style: Obsidian-Schwarz, Cyber-Cyan & Plasma-Orange            */
/* ===================================================================== */
.auth-card.nextgen-login-matrix { max-width: 580px !important; margin: 3rem auto; padding: 30px !important; background: rgba(8, 9, 14, 0.85) !important; backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border-radius: 22px; border: 1px solid rgba(0, 191, 255, 0.25) !important; box-shadow: 0 0 35px rgba(255, 106, 0, 0.25), inset 0 0 25px rgba(0, 191, 255, 0.05) !important; position: relative; overflow: hidden; text-align: left !important; transform: translateZ(0); will-change: transform; }

/* 🔒 SCANLINES GEGEN CPU-HITZE (Flimmert nur bei Maus-Hover für 0% Idle-Last) */
.auth-card.nextgen-login-matrix::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: repeating-linear-gradient(to bottom, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 2px, transparent 3px, transparent 6px); opacity: .35; z-index: 0; }
.auth-card.nextgen-login-matrix:hover::before { animation: holoScan 6s linear infinite; }
@keyframes holoScan { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }
.auth-card.nextgen-login-matrix > * { position: relative; z-index: 5; }

/* 🎛️ HUD TELEMETRIE COCKPIT HEADER & INTRO */
.login-terminal-hud-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed rgba(0, 191, 255, 0.2); padding-bottom: 12px; margin-bottom: 20px; }
.login-terminal-hud-header h1 { color: #fff !important; font-size: 1.3rem !important; font-weight: 900; margin: 0; text-shadow: 0 0 10px rgba(0, 191, 255, 0.5); text-transform: uppercase; font-family: monospace; background: none !important; -webkit-background-clip: unset !important; }
.login-glow-icon { color: #00bfff; text-shadow: 0 0 8px #00bfff; }
.login-sys-badge { display: flex; align-items: center; gap: 6px; background: rgba(5, 7, 12, 0.75); border: 1px solid rgba(0, 191, 255, 0.3); padding: 4px 10px; border-radius: 6px; }
.login-radar-dot { width: 5px; height: 5px; background: #00bfff; border-radius: 50%; box-shadow: 0 0 6px #00bfff; animation: loginRadarPulse 1.5s infinite; }
@keyframes loginRadarPulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
.login-badge-code { font-family: monospace; font-size: 9px; color: #00bfff; font-weight: 800; letter-spacing: 0.5px; }
.terminal-intro-text { color: rgba(230, 230, 255, 0.85); font-size: 0.9rem; line-height: 1.5; margin: 0 0 20px 0; text-align: left; }

/* 🔒 ASYMMETRISCHE CYBER-INPUTS (STARR LINKSBÜNDIG RAUSTROMMELN) */
.login-quantum-form { display: flex; flex-direction: column; width: 100%; gap: 16px; }
.login-group-capsule { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.login-group-capsule label { font-size: 0.85rem; font-weight: 700; color: #ff6a00; font-family: monospace; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.login-group-capsule label i { color: #ff3c00; text-shadow: 0 0 6px rgba(255, 60, 0, 0.4); }

.login-input-field { display: flex; align-items: center; background: rgba(5, 7, 12, 0.8) !important; border: 1px solid rgba(0, 191, 255, 0.2) !important; border-radius: 8px; padding: 0 14px; gap: 12px; transition: all 0.25s ease; width: 100%; box-sizing: border-box; }
.login-input-field:focus-within { border-color: #00bfff !important; box-shadow: 0 0 12px rgba(0, 191, 255, 0.4); }
.login-input-field i { color: rgba(0, 191, 255, 0.4); font-size: 0.95rem; width: 16px; text-align: center; }
.login-input-field input { background: transparent !important; border: none !important; padding: 12px 0 !important; color: #fff !important; font-weight: 600; font-size: 0.95rem; outline: none !important; width: 100%; font-family: inherit; }
.login-input-field input::placeholder { color: rgba(255,255,255,0.25); }

/* 🎛️ TEXTAREA TERMINAL SCHACHT */
.login-textarea-field { width: 100%; box-sizing: border-box; }
.cyber-textarea-node { width: 100%; padding: 12px 14px !important; background: rgba(5, 7, 12, 0.8) !important; border: 1px solid rgba(0, 191, 255, 0.2) !important; border-radius: 8px; color: #fff !important; font-size: 0.95rem !important; font-weight: 600; outline: none !important; transition: all 0.25s ease; box-sizing: border-box; font-family: inherit; resize: vertical; min-height: 120px; }
.cyber-textarea-node:focus { border-color: #00bfff !important; box-shadow: 0 0 12px rgba(0, 191, 255, 0.4); }
.cyber-textarea-node::placeholder { color: rgba(255,255,255,0.25); }

/* 🕹️ COCKPIT TRANSMITTER REAKTOR-BUTTON */
.login-btn-trigger { margin-top: 10px; width: 100%; padding: 14px; border-radius: 8px !important; border: 1px solid #ff6a00 !important; background: rgba(255, 106, 0, 0.1) !important; color: #fff !important; font-size: 0.95rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; font-family: monospace; cursor: pointer; transition: all 0.2s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: 0 0 15px rgba(255, 106, 0, 0.2); display: flex; align-items: center; justify-content: center; gap: 8px; will-change: transform, background, box-shadow; }
.login-btn-trigger:hover { background: rgba(255, 106, 0, 0.25) !important; border-color: #00bfff !important; box-shadow: 0 0 20px rgba(0, 191, 255, 0.5); transform: translateY(-1px) translateZ(0); }

/* FEEDBACK STRÄNGE INLINE */
.error-badge-glow { padding: 12px 14px; background: rgba(255, 60, 0, 0.15); border: 1px solid rgba(255, 60, 0, 0.3); border-radius: 8px; color: #ff3c00; font-size: 0.85rem; font-weight: 600; font-family: monospace; display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; }
.success-badge-glow-terminal { padding: 12px 14px; background: rgba(0, 191, 255, 0.12); border: 1px solid rgba(0, 191, 255, 0.3); border-radius: 8px; color: #00bfff; font-size: 0.88rem; font-weight: 600; font-family: monospace; display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 191, 255, 0.1); }

/* 📱 MOBILE SCREEN COMPRESSION */
@media (max-width: 768px) { .auth-card.nextgen-login-matrix { margin: 2rem 1rem; padding: 20px !important; border-radius: 14px; background: rgba(8, 9, 14, 0.9) !important; border-color: rgba(0, 191, 255, 0.15) !important; box-shadow: none !important; } .login-terminal-hud-header h1 { font-size: 1.1rem; } .cyber-textarea-node { min-height: 100px; } }