/* Reset and Base Styles */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f8f8; color: #333; line-height: 1.6; } a { color: #007acc; text-decoration: none; } a:hover { text-decoration: underline; } /* Container */ .container { width: 90%; max-width: 1000px; margin: auto; padding: 2rem 0; } /* Header */ .header { background-color: #1e1e1e; color: white; text-align: center; padding: 3rem 1rem; } .header h1 { font-size: 2.8rem; margin-bottom: 1rem; } .header p { font-size: 1.2rem; opacity: 0.9; } /* Sections */ section h2 { font-size: 2rem; margin-bottom: 1rem; color: #222; } section p, section li { font-size: 1.1rem; margin-bottom: 1rem; } ul { list-style: disc; padding-left: 2rem; } ol { list-style-type: decimal; padding-left: 2rem; } /* Download Buttons */ .download-buttons { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; } .btn { background-color: #007acc; color: white; padding: 0.75rem 1.5rem; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s ease; } .btn:hover { background-color: #005b99; } /* FAQ */ .faq-item { margin-bottom: 1.5rem; } .faq-item h3 { font-size: 1.3rem; margin-bottom: 0.5rem; } /* Footer */ .footer { background-color: #111; color: #aaa; text-align: center; padding: 2rem 1rem; font-size: 0.9rem; } .footer a { color: #aaa; } .footer a:hover { color: white; } /* Responsive */ @media (max-width: 600px) { .header h1 { font-size: 2rem; } .download-buttons { flex-direction: column; } .btn { width: 100%; text-align: center; } }