html,body,#root{height:100%;width:100%;margin:0;padding:0}:root{--primary-color: #3b82f6;--secondary-color: #6366f1;--background-dark: #0f172a;--background-light: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b}body{font-family:Inter,Plus Jakarta Sans,sans-serif}.card{background-color:var(--background-light);border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000000d}.dark .card{background-color:#1e293b;border:1px solid #334155;box-shadow:0 4px 6px #0000001a}.text-primary-color{color:var(--text-primary)}.dark .text-primary-color{color:var(--background-light)}.text-secondary-color{color:var(--text-secondary)}.dark .text-secondary-color{color:#94a3b8}.button-primary{background-color:var(--primary-color);color:#fff;transition:background-color .3s ease,transform .3s ease}.button-primary:hover{background-color:#2563eb;transform:translateY(-2px)}.button-secondary{background-color:var(--background-light);color:var(--primary-color);border:1px solid var(--primary-color);transition:background-color .3s ease,color .3s ease,transform .3s ease}.button-secondary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.dark .button-secondary{background-color:#1e293b;color:var(--primary-color);border:1px solid var(--primary-color)}.dark .button-secondary:hover{background-color:#2563eb;color:#fff}