.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:9999;width:90%;max-width:28rem;padding:2rem;display:none}.popup.visible{display:block}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;display:none}.popup-overlay.visible{display:block}.btn{padding:0.75rem 1rem;border-radius:5px;font-weight:bold;cursor:pointer;border:none;transition:background 0.2s ease}.btn-primary{background:#3b82f6;color:white}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#e5e7eb;color:#1f2937}.btn-secondary:hover{background:#d1d5db}