*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;color:#2c3e50}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h2,h3{font-weight:600}h3{font-size:1.5rem}p{margin-bottom:1rem;color:#666}.btn{display:inline-block;padding:12px 24px;background-color:#e74c3c;color:#fff;text-decoration:none;border-radius:5px;border:none;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.btn:hover{background-color:#c0392b;transform:translateY(-2px)}.btn-secondary{background-color:#3498db}.btn-secondary:hover{background-color:#2980b9}.card{background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:2rem;margin-bottom:2rem;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.5rem}.main-content{padding-top:70px}}.text-center{text-align:center}.text-primary{color:#e74c3c}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}