/* Основные стили для Mega Darknet */

/* Сброс стилей */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Основные переменные */
:root {
    --primary-color: #2c3e50;
    --secondary-color: #3498db;
    --accent-color: #e74c3c;
    --text-color: #333;
    --light-text: #666;
    --background-color: #fff;
    --light-background: #f8f9fa;
    --border-color: #ddd;
    --success-color: #27ae60;
    --warning-color: #f39c12;
    --error-color: #e74c3c;
}

/* Основные стили */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--text-color);
    background-color: var(--background-color);
}

/* Контейнер */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Хлебные крошки */
.breadcrumbs {
    background-color: var(--light-background);
    padding: 15px 0;
    border-bottom: 1px solid var(--border-color);
}

.breadcrumbs ol {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumbs li:not(:last-child)::after {
    content: '>';
    margin-left: 10px;
    color: var(--light-text);
}

.breadcrumbs a {
    color: var(--secondary-color);
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* Заголовки */
header {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
}

header h1 {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

header p {
    font-size: 1.2rem;
    opacity: 0.9;
}

/* Основной контент */
main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

section {
    margin-bottom: 50px;
}

section h2 {
    color: var(--primary-color);
    font-size: 2rem;
    margin-bottom: 20px;
    border-bottom: 3px solid var(--secondary-color);
    padding-bottom: 10px;
}

section h3 {
    color: var(--primary-color);
    font-size: 1.5rem;
    margin: 25px 0 15px 0;
}

section p {
    margin-bottom: 15px;
    font-size: 1.1rem;
}

/* Кнопки */
.btn-primary, .btn-secondary {
    display: inline-block;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
    margin: 5px;
}

.btn-primary {
    background-color: var(--secondary-color);
    color: white;
}

.btn-primary:hover {
    background-color: #2980b9;
    transform: translateY(-2px);
}

.btn-secondary {
    background-color: var(--light-background);
    color: var(--text-color);
    border: 2px solid var(--border-color);
}

.btn-secondary:hover {
    background-color: var(--border-color);
    transform: translateY(-2px);
}

/* Карточки и блоки */
.overview-grid, .features-grid, .guide-steps, .security-features,
.contact-methods, .faq-preview, .inquiry-types, .response-info,
.alternative-contact, .post-submission, .privacy-assurance,
.mission-statement, .project-activities, .working-principles,
.target-audience, .achievements, .development-plans, .support-options,
.partnership-areas, .legal-info, .conclusion, .market-overview,
.trends-analysis, .tech-innovations, .challenges-analysis,
.future-predictions, .user-recommendations, .key-takeaways,
.tor-features, .why-tor, .download-options, .setup-options,
.security-tips, .troubleshooting, .alternatives, .next-steps,
.blog-categories, .popular-topics, .expert-materials,
.newsletter-signup, .article-archive, .recommended-articles,
.registration-guide, .purchase-guide, .security-guide,
.related-guides, .guide-overview, .preparation-steps,
.related-links, .related-articles, .final-notes,
.contact-encouragement, .faq-link, .partnership-contact {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin: 30px 0;
}

.overview-item, .feature, .guide-step, .security-feature,
.contact-method, .faq-item, .inquiry-type, .response-time,
.alternative-method, .submission-step, .privacy-item,
.mission-goal, .activity, .principle, .audience-group,
.achievement, .plan-category, .support-option, .partnership-area,
.legal-disclaimer, .conclusion-item, .market-stat, .trend-item,
.innovation, .challenge, .prediction, .recommendation,
.takeaway, .category-card, .topic-item, .expert-article,
.newsletter-item, .archive-month, .recommended-article,
.reg-step, .purchase-step, .security-aspect, .related-guide,
.prep-step, .related-link, .related-article, .final-note,
.encouragement, .link-item, .partnership-contact, .market-overview,
.trends-analysis, .tech-innovations, .challenges-analysis,
.future-predictions, .user-recommendations, .key-takeaways,
.tor-features, .why-tor, .download-options, .setup-options,
.security-tips, .troubleshooting, .alternatives, .next-steps,
.blog-categories, .popular-topics, .expert-materials,
.newsletter-signup, .article-archive, .recommended-articles,
.registration-guide, .purchase-guide, .security-guide,
.related-guides, .guide-overview, .preparation-steps,
.related-links, .related-articles, .final-notes,
.contact-encouragement, .faq-link, .partnership-contact {
    background-color: var(--light-background);
    padding: 25px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.overview-item:hover, .feature:hover, .guide-step:hover,
.security-feature:hover, .contact-method:hover, .faq-item:hover,
.inquiry-type:hover, .response-time:hover, .alternative-method:hover,
.submission-step:hover, .privacy-item:hover, .mission-goal:hover,
.activity:hover, .principle:hover, .audience-group:hover,
.achievement:hover, .plan-category:hover, .support-option:hover,
.partnership-area:hover, .legal-disclaimer:hover, .conclusion-item:hover,
.market-stat:hover, .trend-item:hover, .innovation:hover,
.challenge:hover, .prediction:hover, .recommendation:hover,
.takeaway:hover, .category-card:hover, .topic-item:hover,
.expert-article:hover, .newsletter-item:hover, .archive-month:hover,
.recommended-article:hover, .reg-step:hover, .purchase-step:hover,
.security-aspect:hover, .related-guide:hover, .prep-step:hover,
.related-link:hover, .related-article:hover, .final-note:hover,
.encouragement:hover, .link-item:hover, .partnership-contact:hover,
.market-overview:hover, .trends-analysis:hover, .tech-innovations:hover,
.challenges-analysis:hover, .future-predictions:hover, .user-recommendations:hover,
.key-takeaways:hover, .tor-features:hover, .why-tor:hover,
.download-options:hover, .setup-options:hover, .security-tips:hover,
.troubleshooting:hover, .alternatives:hover, .next-steps:hover,
.blog-categories:hover, .popular-topics:hover, .expert-materials:hover,
.newsletter-signup:hover, .article-archive:hover, .recommended-articles:hover,
.registration-guide:hover, .purchase-guide:hover, .security-guide:hover,
.related-guides:hover, .guide-overview:hover, .preparation-steps:hover,
.related-links:hover, .related-articles:hover, .final-notes:hover,
.contact-encouragement:hover, .faq-link:hover, .partnership-contact:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Списки */
ul, ol {
    margin-left: 20px;
    margin-bottom: 15px;
}

li {
    margin-bottom: 8px;
}

/* Ссылки */
a {
    color: var(--secondary-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Формы */
.contact-form-container {
    max-width: 800px;
    margin: 0 auto;
}

.contact-form {
    background-color: var(--light-background);
    padding: 30px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--primary-color);
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid var(--border-color);
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--secondary-color);
}

.form-group small {
    display: block;
    margin-top: 5px;
    color: var(--light-text);
    font-size: 14px;
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkbox-group input[type="checkbox"] {
    width: auto;
}

.form-actions {
    text-align: center;
    margin-top: 30px;
}

/* Капча */
.captcha-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.captcha-text {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
}

/* Блог */
.blog-post {
    background-color: var(--light-background);
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid var(--border-color);
}

.post-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    font-size: 14px;
    color: var(--light-text);
}

.post-category {
    background-color: var(--secondary-color);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 12px;
}

.post-tags {
    margin-top: 15px;
}

.tag {
    display: inline-block;
    background-color: var(--light-background);
    color: var(--text-color);
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 8px;
}

/* Мета-информация статей */
.article-meta {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
    font-size: 14px;
    opacity: 0.8;
}

/* Подвал */
footer {
    background-color: var(--primary-color);
    color: white;
    padding: 40px 20px 20px;
    margin-top: 60px;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
    margin-bottom: 30px;
}

.footer-content h3 {
    color: var(--secondary-color);
    margin-bottom: 20px;
}

.footer-content ul {
    list-style: none;
    margin: 0;
}

.footer-content li {
    margin-bottom: 10px;
}

.footer-content a {
    color: white;
    text-decoration: none;
}

.footer-content a:hover {
    color: var(--secondary-color);
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #34495e;
    font-size: 14px;
}

.footer-bottom p {
    margin-bottom: 10px;
}

/* Адаптивность */
@media (max-width: 768px) {
    header h1 {
        font-size: 2rem;
    }
    
    header p {
        font-size: 1rem;
    }
    
    .overview-grid, .features-grid, .guide-steps, .security-features,
    .contact-methods, .faq-preview, .inquiry-types, .response-info,
    .alternative-contact, .post-submission, .privacy-assurance,
    .mission-statement, .project-activities, .working-principles,
    .target-audience, .achievements, .development-plans, .support-options,
    .partnership-areas, .legal-info, .conclusion, .market-overview,
    .trends-analysis, .tech-innovations, .challenges-analysis,
    .future-predictions, .user-recommendations, .key-takeaways,
    .tor-features, .why-tor, .download-options, .setup-options,
    .security-tips, .troubleshooting, .alternatives, .next-steps,
    .blog-categories, .popular-topics, .expert-materials,
    .newsletter-signup, .article-archive, .recommended-articles,
    .registration-guide, .purchase-guide, .security-guide,
    .related-guides, .guide-overview, .preparation-steps,
    .related-links, .related-articles, .final-notes,
    .contact-encouragement, .faq-link, .partnership-contact {
        grid-template-columns: 1fr;
    }
    
    .contact-form {
        padding: 20px;
    }
    
    .article-meta {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
    
    main {
        padding: 20px 15px;
    }
    
    header {
        padding: 30px 15px;
    }
    
    .btn-primary, .btn-secondary {
        display: block;
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }
}

/* Дополнительные стили для специфических элементов */
.escrow-system, .escrow-benefits, .security-rules, .fraud-protection,
.technical-security, .anonymity-features, .problem-solving,
.support-contacts, .additional-recommendations, .verification-steps,
.installation-steps, .alternative-downloads, .download-security,
.post-installation, .common-issues, .bridge-setup, .optimization-item,
.security-setting, .verification-step, .os-settings, .problem-solution,
.maintenance-item, .readiness-checklist, .download-option,
.version-info, .download-buttons, .package-managers, .social-links,
.achievement-stats, .audience-needs, .trend-details, .challenge-impact,
.prediction, .recommendation, .takeaway, .expert-info, .category-stats,
.topic-articles, .signup-form, .archive-month, .recommended-article,
.reg-step, .purchase-step, .security-aspect, .related-guide,
.prep-step, .related-link, .related-article, .final-note,
.encouragement, .link-item, .partnership-contact, .market-overview,
.trends-analysis, .tech-innovations, .challenges-analysis,
.future-predictions, .user-recommendations, .key-takeaways,
.tor-features, .why-tor, .download-options, .setup-options,
.security-tips, .troubleshooting, .alternatives, .next-steps,
.blog-categories, .popular-topics, .expert-materials,
.newsletter-signup, .article-archive, .recommended-articles,
.registration-guide, .purchase-guide, .security-guide,
.related-guides, .guide-overview, .preparation-steps,
.related-links, .related-articles, .final-notes,
.contact-encouragement, .faq-link, .partnership-contact {
    margin: 20px 0;
}

/* Стили для FAQ */
.faq-item {
    border-left: 4px solid var(--secondary-color);
    padding-left: 20px;
}

/* Стили для форм */
.captcha-container input {
    width: 100px;
}

/* Стили для кнопок в статьях */
.related-links, .related-articles, .related-guides {
    text-align: center;
    margin-top: 30px;
}

/* Стили для мета-информации */
.publish-date, .reading-time {
    background-color: rgba(255,255,255,0.1);
    padding: 5px 15px;
    border-radius: 20px;
}

/* Стили для списков в карточках */
.overview-item ul, .feature ul, .guide-step ul, .security-feature ul,
.contact-method ul, .faq-item ul, .inquiry-type ul, .response-time ul,
.alternative-method ul, .submission-step ul, .privacy-item ul,
.mission-goal ul, .activity ul, .principle ul, .audience-group ul,
.achievement ul, .plan-category ul, .support-option ul, .partnership-area ul,
.legal-disclaimer ul, .conclusion-item ul, .market-stat ul, .trend-item ul,
.innovation ul, .challenge ul, .prediction ul, .recommendation ul,
.takeaway ul, .category-card ul, .topic-item ul, .expert-article ul,
.newsletter-item ul, .archive-month ul, .recommended-article ul,
.reg-step ul, .purchase-step ul, .security-aspect ul, .related-guide ul,
.prep-step ul, .related-link ul, .related-article ul, .final-note ul,
.encouragement ul, .link-item ul, .partnership-contact ul, .market-overview ul,
.trends-analysis ul, .tech-innovations ul, .challenges-analysis ul,
.future-predictions ul, .user-recommendations ul, .key-takeaways ul,
.tor-features ul, .why-tor ul, .download-options ul, .setup-options ul,
.security-tips ul, .troubleshooting ul, .alternatives ul, .next-steps ul,
.blog-categories ul, .popular-topics ul, .expert-materials ul,
.newsletter-signup ul, .article-archive ul, .recommended-articles ul,
.registration-guide ul, .purchase-guide ul, .security-guide ul,
.related-guides ul, .guide-overview ul, .preparation-steps ul,
.related-links ul, .related-articles ul, .final-notes ul,
.contact-encouragement ul, .faq-link ul, .partnership-contact ul {
    margin: 15px 0;
    padding-left: 20px;
}

/* Стили для заголовков в карточках */
.overview-item h3, .feature h3, .guide-step h3, .security-feature h3,
.contact-method h3, .faq-item h3, .inquiry-type h3, .response-time h3,
.alternative-method h3, .submission-step h3, .privacy-item h3,
.mission-goal h3, .activity h3, .principle h3, .audience-group h3,
.achievement h3, .plan-category h3, .support-option h3, .partnership-area h3,
.legal-disclaimer h3, .conclusion-item h3, .market-stat h3, .trend-item h3,
.innovation h3, .challenge h3, .prediction h3, .recommendation h3,
.takeaway h3, .category-card h3, .topic-item h3, .expert-article h3,
.newsletter-item h3, .archive-month h3, .recommended-article h3,
.reg-step h3, .purchase-step h3, .security-aspect h3, .related-guide h3,
.prep-step h3, .related-link h3, .related-article h3, .final-note h3,
.encouragement h3, .link-item h3, .partnership-contact h3, .market-overview h3,
.trends-analysis h3, .tech-innovations h3, .challenges-analysis h3,
.future-predictions h3, .user-recommendations h3, .key-takeaways h3,
.tor-features h3, .why-tor h3, .download-options h3, .setup-options h3,
.security-tips h3, .troubleshooting h3, .alternatives h3, .next-steps h3,
.blog-categories h3, .popular-topics h3, .expert-materials h3,
.newsletter-signup h3, .article-archive h3, .recommended-articles h3,
.registration-guide h3, .purchase-guide h3, .security-guide h3,
.related-guides h3, .guide-overview h3, .preparation-steps h3,
.related-links h3, .related-articles h3, .final-notes h3,
.contact-encouragement h3, .faq-link h3, .partnership-contact h3 {
    color: var(--primary-color);
    margin-bottom: 15px;
    font-size: 1.3rem;
}

/* Стили для параграфов в карточках */
.overview-item p, .feature p, .guide-step p, .security-feature p,
.contact-method p, .faq-item p, .inquiry-type p, .response-time p,
.alternative-method p, .submission-step p, .privacy-item p,
.mission-goal p, .activity p, .principle p, .audience-group p,
.achievement p, .plan-category p, .support-option p, .partnership-area p,
.legal-disclaimer p, .conclusion-item p, .market-stat p, .trend-item p,
.innovation p, .challenge p, .prediction p, .recommendation p,
.takeaway p, .category-card p, .topic-item p, .expert-article p,
.newsletter-item p, .archive-month p, .recommended-article p,
.reg-step p, .purchase-step p, .security-aspect p, .related-guide p,
.prep-step p, .related-link p, .related-article p, .final-note p,
.encouragement p, .link-item p, .partnership-contact p, .market-overview p,
.trends-analysis p, .tech-innovations p, .challenges-analysis p,
.future-predictions p, .user-recommendations p, .key-takeaways p,
.tor-features p, .why-tor p, .download-options p, .setup-options p,
.security-tips p, .troubleshooting p, .alternatives p, .next-steps p,
.blog-categories p, .popular-topics p, .expert-materials p,
.newsletter-signup p, .article-archive p, .recommended-articles p,
.registration-guide p, .purchase-guide p, .security-guide p,
.related-guides p, .guide-overview p, .preparation-steps p,
.related-links p, .related-articles p, .final-notes p,
.contact-encouragement p, .faq-link p, .partnership-contact p {
    margin-bottom: 15px;
    line-height: 1.6;
}

/* Стили для ссылок в карточках */
.overview-item a, .feature a, .guide-step a, .security-feature a,
.contact-method a, .faq-item a, .inquiry-type a, .response-time a,
.alternative-method a, .submission-step a, .privacy-item a,
.mission-goal a, .activity a, .principle a, .audience-group a,
.achievement a, .plan-category a, .support-option a, .partnership-area a,
.legal-disclaimer a, .conclusion-item a, .market-stat a, .trend-item a,
.innovation a, .challenge a, .prediction a, .recommendation a,
.takeaway a, .category-card a, .topic-item a, .expert-article a,
.newsletter-item a, .archive-month a, .recommended-article a,
.reg-step a, .purchase-step a, .security-aspect a, .related-guide a,
.prep-step a, .related-link a, .related-article a, .final-note a,
.encouragement a, .link-item a, .partnership-contact a, .market-overview a,
.trends-analysis a, .tech-innovations a, .challenges-analysis a,
.future-predictions a, .user-recommendations a, .key-takeaways a,
.tor-features a, .why-tor a, .download-options a, .setup-options a,
.security-tips a, .troubleshooting a, .alternatives a, .next-steps a,
.blog-categories a, .popular-topics a, .expert-materials a,
.newsletter-signup a, .article-archive a, .recommended-articles a,
.registration-guide a, .purchase-guide a, .security-guide a,
.related-guides a, .guide-overview a, .preparation-steps a,
.related-links a, .related-articles a, .final-notes a,
.contact-encouragement a, .faq-link a, .partnership-contact a {
    color: var(--secondary-color);
    text-decoration: none;
}

.overview-item a:hover, .feature a:hover, .guide-step a:hover,
.security-feature a:hover, .contact-method a:hover, .faq-item a:hover,
.inquiry-type a:hover, .response-time a:hover, .alternative-method a:hover,
.submission-step a:hover, .privacy-item a:hover, .mission-goal a:hover,
.activity a:hover, .principle a:hover, .audience-group a:hover,
.achievement a:hover, .plan-category a:hover, .support-option a:hover,
.partnership-area a:hover, .legal-disclaimer a:hover, .conclusion-item a:hover,
.market-stat a:hover, .trend-item a:hover, .innovation a:hover,
.challenge a:hover, .prediction a:hover, .recommendation a:hover,
.takeaway a:hover, .category-card a:hover, .topic-item a:hover,
.expert-article a:hover, .newsletter-item a:hover, .archive-month a:hover,
.recommended-article a:hover, .reg-step a:hover, .purchase-step a:hover,
.security-aspect a:hover, .related-guide a:hover, .prep-step a:hover,
.related-link a:hover, .related-article a:hover, .final-note a:hover,
.encouragement a:hover, .link-item a:hover, .partnership-contact a:hover,
.market-overview a:hover, .trends-analysis a:hover, .tech-innovations a:hover,
.challenges-analysis a:hover, .future-predictions a:hover, .user-recommendations a:hover,
.key-takeaways a:hover, .tor-features a:hover, .why-tor a:hover,
.download-options a:hover, .setup-options a:hover, .security-tips a:hover,
.troubleshooting a:hover, .alternatives a:hover, .next-steps a:hover,
.blog-categories a:hover, .popular-topics a:hover, .expert-materials a:hover,
.newsletter-signup a:hover, .article-archive a:hover, .recommended-articles a:hover,
.registration-guide a:hover, .purchase-guide a:hover, .security-guide a:hover,
.related-guides a:hover, .guide-overview a:hover, .preparation-steps a:hover,
.related-links a:hover, .related-articles a:hover, .final-notes a:hover,
.contact-encouragement a:hover, .faq-link a:hover, .partnership-contact a:hover {
    text-decoration: underline;
}