.auth-page{min-height:100vh;background:radial-gradient(ellipse at 30% 30%,rgba(25,185,0,.08) 0,rgba(10,10,15,0) 60%),var(--dark-primary);display:flex;align-items:center;justify-content:center;padding:32px 20px}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--dark-surface),var(--dark-card));border:1px solid var(--border-subtle);border-radius:24px;padding:40px 36px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-dark),var(--green-primary),var(--green-light))}.auth-logo{display:flex;justify-content:center;margin-bottom:28px}.auth-logo img{height:36px;opacity:.9}.auth-card h1{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--white);text-align:center;letter-spacing:-.5px;margin-bottom:8px}.auth-card .subtitle{text-align:center;color:var(--gray-400);font-size:14px;margin-bottom:28px}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-family:var(--font-brand);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);margin-bottom:8px}.auth-field input{width:100%;background:var(--dark-elevated);border:1px solid var(--border-subtle);border-radius:10px;color:var(--white);font-family:var(--font-body);font-size:15px;padding:12px 14px;transition:all .2s}.auth-field input:focus{outline:none;border-color:var(--green-primary);background:rgba(25,185,0,.04)}.auth-field input::-moz-placeholder{color:var(--gray-600)}.auth-field input::placeholder{color:var(--gray-600)}.auth-button{width:100%;background:linear-gradient(135deg,var(--green-dark),var(--green-primary),var(--green-light));color:var(--dark-primary);border:none;border-radius:10px;padding:14px;margin-top:12px;font-family:var(--font-brand);font-size:13px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:0 10px 30px rgba(25,185,0,.2)}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 36px rgba(25,185,0,.3)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:10px}.auth-error,.auth-info{padding:10px 14px;font-size:13px;margin-bottom:16px}.auth-info{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);color:var(--yellow);border-radius:10px;line-height:1.5}.auth-meta{margin-top:22px;text-align:center;font-size:13px;color:var(--gray-500)}.auth-meta a{color:var(--green-primary);text-decoration:none}.reconnect-box{text-align:center}.reconnect-steps{text-align:left;margin:0 0 20px;padding-left:20px;color:var(--gray-300);font-size:13.5px;line-height:1.7}.reconnect-steps li{margin-bottom:6px}.reconnect-steps strong{color:var(--white)}.reconnect-qr{width:240px;height:240px;margin:0 auto 18px;background:#fff;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}.reconnect-qr img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.reconnect-qr-placeholder{color:#64748b;font-size:13px;font-family:var(--font-body);text-align:center;padding:0 16px}.reconnect-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--gray-400);margin-bottom:16px}.reconnect-dot{width:9px;height:9px;border-radius:50%;display:inline-block;animation:reconnect-pulse 1.4s ease-in-out infinite}.reconnect-dot.is-waiting{background:var(--yellow)}.reconnect-dot.is-connecting{background:var(--green-primary)}@keyframes reconnect-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.reconnect-ok{padding:12px 0 4px}.reconnect-check{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--green-dark),var(--green-primary),var(--green-light));color:var(--dark-primary);font-size:34px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(25,185,0,.3)}.reconnect-ok h2{font-family:var(--font-heading);color:var(--white);font-size:22px;margin-bottom:8px}.reconnect-ok p{color:var(--gray-400);font-size:14px;line-height:1.6}