/* Исправленные фирменные стили BizFin Pro (БЕЗ СИНИХ ЦВЕТОВ) */ .article-container { background- max-width: 1200px; } .article-header { border-radius: 15px; text-align: center; box-shadow: 0 10px 30px rgba(255, 140, 0, 0.3); } .article-header .article-header p { opacity: 0.95; } .cta-block { border-radius: 12px; backdrop-filter: blur(10px); } .cta-block .cta-button { border: none; border-radius: 20px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4); } .cta-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6); } .content-section { border-radius: 12px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); border-left: 4px solid #FF8C00; } .content-section .content-section .content-section p { } .highlight-box { border: 2px solid #FF8C00; border-radius: 10px; } .highlight-box .info-table { border-radius: 10px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); } .info-table table { width: 100%; border-collapse: collapse; } .info-table th { text-align: left; } .info-table td { border-bottom: 1px solid #E0E0E0; } .info-table tr:nth-child(even) { } /* ИСПРАВЛЕННЫЙ FAQ БЛОК — АККУРАТНЫЕ ЗАГОЛОВКИ */ .faq-section { border-radius: 12px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); } .faq-section .faq-item { border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); overflow: hidden; border: 1px solid #E0E0E0; } .faq-question { cursor: pointer; transition: background 0.3s ease; display: flex; align-items: center; gap: 10px; } .faq-question:hover { } .faq-question .faq-icon { min-width: 20px; } .faq-answer { } .calculator-section { border-radius: 12px; } .calculator-section .form-group { } .form-group label { display: block; } .form-group input, .form-group select { width: 100%; border: none; border-radius: 6px; } .result-box { border-radius: 8px; text-align: center; } .contact-form { border-radius: 12px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); } .contact-form .form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; } .form-field { } .form-field label { display: block; } .form-field input, .form-field select, .form-field textarea { width: 100%; border: 2px solid #E0E0E0; border-radius: 6px; transition: border-color 0.3s ease; } .form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline: none; border- } .expert-section { border-radius: 10px; border-left: 4px solid #28A745; } .expert-info { display: flex; align-items: center; } .expert-avatar { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .expert-details .expert-details p { } .stats-row { display: flex; justify-content: space-between; align-items: center; } /* Адаптивность */ @media (max-width: 768px) { .article-container { } .article-header { } .article-header .content-section { } .content-section .faq-section .form-row { grid-template-columns: 1fr; } }
/* Фирменные стили BizFin Pro */ .article-container { background- max-width: 1200px; }
.article-header { border-radius: 15px; text-align: center; box-shadow: 0 10px 30px rgba(255, 140, 0, 0.3); }
.article-header
.article-header p { opacity: 0.95; }
.cta-block { border-radius: 15px; backdrop-filter: blur(10px); }
.cta-block
.cta-button { border: none; border-radius: 25px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4); }
.cta-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6); }
.content-section { border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-left: 5px solid #FF8C00; }
.content-section
.content-section
.content-section p { }
.highlight-box { border: 2px solid #FF8C00; border-radius: 10px; }
.highlight-box
.info-table { border-radius: 10px; overflow: hidden; box-shadow: 0 3px 15px rgba(0,0,0,0.1); }
.info-table table { width: 100%; border-collapse: collapse; }
.info-table th { text-align: left; }
.info-table td { border-bottom: 1px solid #E0E0E0; }
.info-table tr:nth-child(even) { }
.faq-item { border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow: hidden; }
.faq-question { cursor: pointer; transition: background 0.3s ease; }
.faq-question:hover { }
.faq-answer { }
.calculator-section { border-radius: 15px; }
.calculator-section
.form-group { }
.form-group label { display: block; }
.form-group input, .form-group select { width: 100%; border: none; border-radius: 8px; }
.result-box { border-radius: 10px; text-align: center; }
.contact-form { border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
.contact-form
.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.form-field { }
.form-field label { display: block; }
.form-field input, .form-field select, .form-field textarea { width: 100%; border: 2px solid #E0E0E0; border-radius: 8px; transition: border-color 0.3s ease; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline: none; border- }
.expert-section { border-radius: 10px; border-left: 5px solid #28A745; }
.expert-info { display: flex; align-items: center; }
.expert-avatar { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.expert-details
.expert-details p { }
.stats-row { display: flex; justify-content: space-between; align-items: center; }
/* Адаптивность */ @media (max-width: 768px) { .article-container { }
.article-header { }
.article-header
.content-section { }
.form-row { grid-template-columns: 1fr; } }
📞 Получить бесплатную консультацию
<nav class="table-of-contents" style="border-radius: 10px;p style="ТехноСтрой» получила контракт на 50 млн рублей благодаря правильно оформленной тендерной гарантии. Это позволило им выйти на новый уровень и увеличить оборот на 200% за год.
