.auth-overlay{position:fixed;inset:0;background:rgba(6,8,12,0.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:auth-fade-in 0.22s ease}@keyframes auth-fade-in{from{opacity:0}to{opacity:1}}.auth-modal{position:relative;background:radial-gradient(120% 80% at 50% -10%,rgba(var(--primary-rgb),0.18) 0%,transparent 60%),var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl,20px);padding:32px 24px 24px;max-width:380px;width:100%;text-align:center;box-shadow:0 24px 60px -16px rgba(0,0,0,0.6),0 0 0 1px rgba(var(--primary-rgb),0.12),inset 0 1px 0 rgba(255,255,255,0.04);animation:auth-scale-in 0.3s cubic-bezier(0.34,1.4,0.5,1)}@keyframes auth-scale-in{from{transform:scale(0.92) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.auth-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.auth-close:hover{background:var(--border-color);color:var(--text-main)}.auth-close .material-icons-outlined{font-size:18px}.auth-badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:4px auto 16px;border-radius:20px;background:linear-gradient(135deg,var(--primary),rgba(var(--primary-rgb),0.65));box-shadow:0 12px 28px -8px rgba(var(--primary-rgb),0.6),inset 0 1px 0 rgba(255,255,255,0.25)}.auth-badge .material-icons-outlined{font-size:30px;color:#fff}.auth-modal-title{font-size:var(--text-xl,22px);font-weight:800;color:var(--text-main);margin:0 0 8px;letter-spacing:-0.02em;line-height:1.15}.auth-modal-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.auth-benefits{list-style:none;margin:0 0 22px;padding:16px;width:100%;text-align:left;display:flex;flex-direction:column;gap:12px;background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.auth-benefits li{display:flex;align-items:center;gap:12px;font-size:var(--text-sm);font-weight:500;color:var(--text-main);line-height:1.3}.auth-benefit-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:rgba(var(--primary-rgb),0.12)}.auth-benefit-icon .material-icons-outlined{font-size:18px;color:var(--primary)}.auth-modal-actions{display:flex;flex-direction:column;gap:14px}.auth-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--primary),rgba(var(--primary-rgb),0.78));color:#fff;font-size:var(--text-md);font-weight:700;letter-spacing:-0.01em;text-decoration:none;overflow:hidden;box-shadow:0 12px 26px -10px rgba(var(--primary-rgb),0.7);transition:transform 0.18s ease,box-shadow 0.18s ease}.auth-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px rgba(var(--primary-rgb),0.8)}.auth-cta:active{transform:translateY(0)}.auth-cta .material-icons-outlined{font-size:18px;transition:transform 0.2s ease}.auth-cta:hover .material-icons-outlined{transform:translateX(3px)}.auth-cta::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.35),transparent);transform:skewX(-18deg);animation:auth-shine 3.2s ease-in-out infinite}@keyframes auth-shine{0%,60%{left:-60%}100%{left:130%}}.auth-modal-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color 0.15s ease}.auth-modal-link strong{color:var(--primary);font-weight:700}.auth-modal-actions #pwa-install-btn{position:relative;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--primary),rgba(var(--primary-rgb),0.78));color:#fff;font-size:var(--text-md);font-weight:700;letter-spacing:-0.01em;overflow:hidden;box-shadow:0 12px 26px -10px rgba(var(--primary-rgb),0.7);transition:transform 0.18s ease,box-shadow 0.18s ease}.auth-modal-actions #pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px rgba(var(--primary-rgb),0.8);color:#fff}.auth-modal-actions #pwa-install-btn:active{transform:translateY(0)}.auth-modal-actions #pwa-install-btn .material-icons-outlined{font-size:18px;color:#fff}.auth-modal-actions #pwa-install-btn::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.35),transparent);transform:skewX(-18deg);animation:auth-shine 3.2s ease-in-out infinite}.auth-modal-actions .pwa-qr-hint{text-align:left;margin-top:4px}