diff --git a/style.css b/style.css deleted file mode 100644 index 72e74c0..0000000 --- a/style.css +++ /dev/null @@ -1,153 +0,0 @@ -/* Сброс и базовые стили */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body { - font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; - background: #f5f7fa; - color: #333; - line-height: 1.7; - background-image: - radial-gradient(circle at 10% 20%, rgba(52, 152, 219, 0.03) 0%, transparent 20%), - radial-gradient(circle at 90% 80%, rgba(46, 204, 113, 0.03) 0%, transparent 20%); -} - -.container { - max-width: 900px; - margin: 50px auto; - padding: 30px; - background: white; - border-radius: 16px; - box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); - border: 1px solid rgba(255, 255, 255, 0.5); -} - -h1 { - text-align: center; - margin-bottom: 40px; - font-size: 32px; - font-weight: 600; - color: #2c3e50; - letter-spacing: -0.5px; -} - -.faq-item { - margin-bottom: 16px; - border-bottom: 1px solid #e0e6ed; - padding-bottom: 12px; - transition: all 0.2s ease; -} - -.faq-item:hover { - transform: translateX(4px); -} - -.faq-question { - font-weight: 600; - font-size: 18px; - color: #2980b9; - cursor: pointer; - padding: 14px 18px; - background: #f8fafd; - border-radius: 10px; - display: flex; - justify-content: space-between; - align-items: center; - transition: all 0.2s ease; - border-left: 4px solid #3498db; -} - -.faq-question:hover { - background: #eef5fd; - color: #1a5f9e; -} - -.faq-question::after { - font-size: 20px; - font-weight: bold; - color: #7f8c8d; - transition: all 0.2s ease; -} - -.faq-question.active::after { - content: '−'; - color: #2980b9; -} - -.faq-question.active { - background: #e1f0ff; - border-left-color: #2980b9; -} - -.faq-answer { - margin-top: 14px; - padding: 16px 20px; - background: #f1f8ff; - border-radius: 10px; - border-left: 4px solid #3498db; - color: #555; - line-height: 1.6; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); - display: none; /* Скрыто по умолчанию */ -} - -/* Анимация появления */ -@keyframes fadeIn { - from { opacity: 0; transform: translateY(10px); } - to { opacity: 1; transform: translateY(0); } -} - -.faq-item { - animation: fadeIn 0.4s ease forwards; -} - -/* Адаптивность */ -@media (max-width: 768px) { - .container { - margin: 20px; - padding: 20px; - } - - h1 { - font-size: 26px; - } - - .faq-question { - font-size: 17px; - padding: 12px 16px; - } - - .faq-answer { - font-size: 15px; - padding: 14px 16px; - } -} - -.loading { - text-align: center; - color: #7f8c8d; - font-style: italic; - padding: 30px; -} - -#search-input { - width: 100%; - padding: 14px 18px; - margin-bottom: 30px; - border: 1px solid #ddd; - border-radius: 10px; - font-size: 16px; - color: #555; - background: #f8f9fa; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); - transition: border-color 0.2s, box-shadow 0.2s; -} - -#search-input:focus { - outline: none; - border-color: #3498db; - box-shadow: 0 2px 12px rgba(52, 152, 219, 0.15); -} \ No newline at end of file