Update from task 6a113dd5-2ce3-474d-bf66-f4de7335fa9b

.gitignore

@@ -0,0 +1,68 @@
+```
+# Compiled and build artifacts
+*.pyc
+__pycache__/
+*.o
+*.obj
+dist/
+build/
+target/
+
+# Dependencies
+.venv/
+venv/
+node_modules/
+.mypy_cache/
+.pytest_cache/
+.gradle/
+
+# Logs and temp files
+*.log
+*.tmp
+*.swp
+*.swo
+
+# Environment
+.env
+.env.local
+.env.*
+
+# Editors
+.vscode/
+.idea/
+*.swp
+*.swo
+
+# System files
+.DS_Store
+Thumbs.db
+
+# Coverage
+coverage/
+htmlcov/
+.coverage
+
+# Compressed files
+*.zip
+*.gz
+*.tar
+*.tgz
+*.bz2
+*.xz
+*.7z
+*.rar
+*.zst
+*.lz4
+*.lzh
+*.cab
+*.arj
+*.rpm
+*.deb
+*.Z
+*.lz
+*.lzo
+*.tar.gz
+*.tar.bz2
+*.tar.xz
+*.tar.zst
+```

css/styls.css

@@ -311,11 +311,6 @@ a:hover {
         height: 60px; /* Чуть меньше на мобильных */
     }
 
-    .logo-img {
-        width: 36px;
-        height: 36px;
-    }
-
     .logo-text h1 {
         font-size: 1.2rem;
     }
@@ -345,11 +340,6 @@ a:hover {
         height: 56px;
     }
 
-    .logo-img {
-        width: 32px;
-        height: 32px;
-    }
-
     .theme-toggle,
     .github-link {
         width: 36px;
@@ -361,10 +351,6 @@ a:hover {
         padding: 6px 12px;
         font-size: 0.85rem;
     }
-    .logo-img {
-        width: 40px;
-        height: 40px;
-    }
 
     .big-logo-animation {
         width: 150px;
@@ -2053,3 +2039,197 @@ a:hover {
         font-size: 0.8rem;
     }
 }
+
+/* Стили для страницы помощи */
+.help-section {
+    padding: 80px 0;
+    background-color: var(--color-bg-secondary);
+}
+
+.help-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 30px;
+    margin-top: 40px;
+}
+
+.help-card {
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--border-radius);
+    padding: 30px;
+    border: 1px solid var(--color-border);
+    transition: all var(--transition-speed);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+}
+
+.help-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 25px var(--color-shadow);
+    border-color: var(--color-primary);
+}
+
+.help-icon {
+    width: 70px;
+    height: 70px;
+    background-color: var(--color-bg-tertiary);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    font-size: 2rem;
+    color: var(--color-primary);
+}
+
+.help-card h3 {
+    margin-bottom: 15px;
+    font-size: 1.3rem;
+}
+
+.help-card p {
+    color: var(--color-text-secondary);
+    margin-bottom: 20px;
+    font-size: 0.95rem;
+    flex-grow: 1;
+}
+
+.help-card .btn {
+    width: 100%;
+    justify-content: center;
+}
+
+/* FAQ секция */
+.faq-section {
+    padding: 80px 0;
+    background-color: var(--color-bg);
+}
+
+.faq-list {
+    max-width: 800px;
+    margin: 40px auto 0;
+}
+
+.faq-item {
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--border-radius);
+    border: 1px solid var(--color-border);
+    margin-bottom: 15px;
+    overflow: hidden;
+    transition: all var(--transition-speed);
+}
+
+.faq-item:hover {
+    border-color: var(--color-primary);
+}
+
+.faq-question {
+    padding: 20px 25px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    user-select: none;
+}
+
+.faq-question i {
+    color: var(--color-primary);
+    transition: transform var(--transition-speed);
+    font-size: 0.9rem;
+}
+
+.faq-question h3 {
+    margin-bottom: 0;
+    font-size: 1.1rem;
+    font-weight: 500;
+}
+
+.faq-answer {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height var(--transition-speed), padding var(--transition-speed);
+    padding: 0 25px;
+    background-color: var(--color-bg-tertiary);
+}
+
+.faq-answer p {
+    padding: 20px 0;
+    margin-bottom: 0;
+    color: var(--color-text-secondary);
+    line-height: 1.7;
+}
+
+.faq-item.active .faq-answer {
+    max-height: 500px;
+    padding: 0 25px 20px;
+}
+
+.faq-item.active .faq-question i {
+    transform: rotate(180deg);
+}
+
+.faq-item.active .faq-question {
+    background-color: var(--color-bg-tertiary);
+}
+
+/* Адаптивность для страницы помощи */
+@media (max-width: 768px) {
+    .help-section,
+    .faq-section {
+        padding: 60px 0;
+    }
+
+    .help-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .help-icon {
+        width: 60px;
+        height: 60px;
+        font-size: 1.5rem;
+    }
+
+    .faq-question {
+        padding: 15px 20px;
+    }
+
+    .faq-question h3 {
+        font-size: 1rem;
+    }
+
+    .faq-answer {
+        padding: 0 20px;
+    }
+
+    .faq-answer p {
+        padding: 15px 0;
+    }
+}
+
+@media (max-width: 480px) {
+    .help-section,
+    .faq-section {
+        padding: 40px 0;
+    }
+
+    .help-card {
+        padding: 25px;
+    }
+
+    .help-icon {
+        width: 50px;
+        height: 50px;
+        font-size: 1.3rem;
+    }
+
+    .faq-question {
+        padding: 12px 15px;
+        gap: 10px;
+    }
+
+    .faq-question h3 {
+        font-size: 0.95rem;
+    }
+}