:root{--primary-color:#4361ee;--primary-dark:#3a56d4;--primary-light:#4895ef;--secondary-color:#4cc9f0;--accent-color:#f72585;--text-color:#333;--text-light:#666;--text-lighter:#888;--bg-color:#fff;--bg-light:#f8f9fa;--bg-dark:#212529;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--border-color:#e0e0e0;--border-radius:8px;--box-shadow:0 4px 6px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}a{color:#4361ee;color:var(--primary-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#3a56d4;color:var(--primary-dark)}ul{list-style:none}img{height:auto;max-width:100%}button{cursor:pointer;font-family:Poppins,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:100px 0}.section-header{margin-bottom:60px;text-align:center}.section-header h2{color:#333;color:var(--text-color);font-size:2.5rem;margin-bottom:16px}.section-header p{color:#666;color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:700px}@media (max-width:768px){.section{padding:60px 0}.section-header h2{font-size:2rem}}.App{position:relative}.btn{border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:12px 24px;text-align:center;transition:var(--transition)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);color:#fff}.btn-outline{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.btn-lg{font-size:1.1rem;padding:14px 28px}.btn-block{display:block;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media (max-width:768px){.btn{padding:10px 20px}.btn-lg{padding:12px 24px}}
/*# sourceMappingURL=main.a3d6251a.css.map*/