:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--success:#22c55e;--danger:#ef4444;--background:#f5f7fa;--white:#fff;--text:#111827;--text-light:#6b7280;--border:#e5e7eb;--radius:12px;--shadow:0 5px 20px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif}.auth-form{flex-direction:column;gap:16px;display:flex}.page-title{text-align:center;color:var(--text);font-size:30px;font-weight:700}.page-subtitle{text-align:center;color:var(--text-light);margin-bottom:30px;font-size:15px}.auth-footer{text-align:center;color:var(--text-light);margin-top:25px}.auth-link{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-container{background:#fff;border-radius:18px;width:100%;max-width:1200px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000001f}.auth-container .card{box-shadow:none;border-radius:0;flex:1}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.25s popupFadeIn;display:flex;position:fixed;top:0;left:0}.popup-container{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:24px;animation:.25s popupScaleIn;box-shadow:0 20px 50px #0f172a33}.popup-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.popup-header h2{margin:0;font-size:24px;font-weight:700}.popup-close-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:26px;font-weight:700;transition:all .25s;display:flex}.popup-body{margin:30px 0}.popup-body p{color:#475569;text-align:center;margin:0;font-size:16px;line-height:1.8}.popup-footer{justify-content:center;display:flex}.popup-ok-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;min-width:120px;padding:14px 25px;font-size:15px;font-weight:700;transition:all .25s}.popup-container.success{border-top:6px solid #2563eb}.popup-container.success .popup-header h2{color:#2563eb}.popup-container.success .popup-close-btn{color:#2563eb;background:#eff6ff}.popup-container.success .popup-close-btn:hover{color:#fff;background:#2563eb}.popup-ok-btn.success{background:#2563eb}.popup-ok-btn.success:hover{background:#1d4ed8}.popup-container.error{border-top:6px solid #ef4444}.popup-container.error .popup-header h2{color:#ef4444}.popup-container.error .popup-close-btn{color:#ef4444;background:#fef2f2}.popup-container.error .popup-close-btn:hover{color:#fff;background:#ef4444}.popup-ok-btn.error{background:#ef4444}.popup-ok-btn.error:hover{background:#dc2626}.popup-container.warning{border-top:6px solid #f59e0b}.popup-container.warning .popup-header h2{color:#f59e0b}.popup-container.warning .popup-close-btn{color:#f59e0b;background:#fffbeb}.popup-container.warning .popup-close-btn:hover{color:#fff;background:#f59e0b}.popup-ok-btn.warning{background:#f59e0b}.popup-ok-btn.warning:hover{background:#d97706}.popup-container.info{border-top:6px solid #64748b}.popup-container.info .popup-header h2{color:#64748b}.popup-container.info .popup-close-btn{color:#64748b;background:#f1f5f9}.popup-container.info .popup-close-btn:hover{color:#fff;background:#64748b}.popup-ok-btn.info{background:#64748b}.popup-ok-btn.info:hover{background:#475569}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.popup-container{max-width:100%;padding:20px}.popup-header h2{font-size:22px}.popup-body p{font-size:15px}}