/* Основні стилі */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; } .container { width: 90%; max-width: 1200px; margin: 0 auto; } /* Заголовок */ .header { background: #4caf50; color: #fff; text-align: center; padding: 2rem 1rem; } .header h1 { margin: 0; font-size: 2.5rem; } .header p { margin: 0.5rem 0 1rem; } .header .btn { background: #ff9800; color: #fff; padding: 0.8rem 1.5rem; text-decoration: none; border-radius: 5px; } /* Секція "Про курс" */ .about, .benefits, .pricing, .register { padding: 2rem 0; text-align: center; } .benefits .grid { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .benefits .card { background: #f4f4f4; padding: 1rem; border-radius: 5px; width: 300px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .pricing strong { color: #4caf50; font-size: 1.5rem; } .register form { display: flex; flex-direction: column; gap: 1rem; max-width: 400px; margin: 0 auto; } .register input, .register button { padding: 0.8rem; border: 1px solid #ccc; border-radius: 5px; } .register button { background: #4caf50; color: #fff; cursor: pointer; } /* Footer */ .footer { background: #333; color: #fff; text-align: center; padding: 1rem 0; }