:root {
--primary-color: #1a4d8f;
--secondary-color: #2c7bc4;
--accent-color: #f39c12;
--text-dark: #2c3e50;
--text-light: #7f8c8d;
--bg-light: #ecf0f1;
--bg-white: #ffffff;
--border-color: #dfe6e9;
--success-color: #27ae60;
--error-color: #e74c3c;
--shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
--shadow-md: 0 4px 16px rgba(0,0,0,0.12);
--shadow-lg: 0 8px 32px rgba(0,0,0,0.16);
--transition-base: all 0.3s ease;
--border-radius: 12px;
--font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
--font-heading: 'Georgia', serif;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
font-size: 16px;
}

body {
font-family: var(--font-main);
line-height: 1.7;
color: var(--text-dark);
background-color: var(--bg-white);
overflow-x: hidden;
}

.container-fluid {
width: 100%;
padding: 0 20px;
}

.container-standard {
max-width: 1200px;
margin: 0 auto;
padding: 0 30px;
}

.container-article {
max-width: 900px;
margin: 0 auto;
padding: 0 30px;
}

.main-header {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
padding: 18px 0;
box-shadow: var(--shadow-md);
position: sticky;
top: 0;
z-index: 1000;
}

.header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1400px;
margin: 0 auto;
}

.logo-section {
display: flex;
align-items: center;
gap: 15px;
}

.logo-img {
height: 50px;
width: 50px;
border-radius: 8px;
object-fit: cover;
border: 2px solid rgba(255,255,255,0.3);
}

.brand-name {
font-size: 26px;
font-weight: 700;
color: var(--bg-white);
font-family: var(--font-heading);
letter-spacing: 0.5px;
}

.primary-nav {
flex: 1;
display: flex;
justify-content: flex-end;
}

.nav-menu {
list-style: none;
display: flex;
gap: 8px;
align-items: center;
}

.nav-link {
color: var(--bg-white);
text-decoration: none;
padding: 12px 24px;
border-radius: 8px;
font-weight: 500;
transition: var(--transition-base);
font-size: 15px;
display: block;
}

.nav-link:hover, .nav-link.active {
background-color: rgba(255,255,255,0.2);
transform: translateY(-2px);
}

.hero-area {
background: linear-gradient(135deg, rgba(26,77,143,0.95) 0%, rgba(44,123,196,0.9) 100%), url('images/1.jpg') center/cover;
padding: 120px 0;
color: var(--bg-white);
position: relative;
overflow: hidden;
}

.hero-area::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 30% 50%, rgba(243,156,18,0.15) 0%, transparent 50%);
}

.hero-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 1;
max-width: 1300px;
margin: 0 auto;
}

.hero-text h1 {
font-size: 48px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 24px;
font-family: var(--font-heading);
}

.hero-subtitle {
font-size: 20px;
margin-bottom: 36px;
opacity: 0.95;
line-height: 1.6;
}

.cta-buttons {
display: flex;
gap: 18px;
flex-wrap: wrap;
}

.btn-primary, .btn-secondary {
padding: 16px 36px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: 600;
transition: var(--transition-base);
display: inline-block;
font-size: 16px;
cursor: pointer;
border: none;
}

.btn-primary {
background-color: var(--accent-color);
color: var(--bg-white);
box-shadow: 0 4px 12px rgba(243,156,18,0.3);
}

.btn-primary:hover {
background-color: #e67e22;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(243,156,18,0.4);
}

.btn-secondary {
background-color: transparent;
color: var(--bg-white);
border: 2px solid var(--bg-white);
}

.btn-secondary:hover {
background-color: var(--bg-white);
color: var(--primary-color);
transform: translateY(-3px);
}

.hero-image .featured-img {
width: 100%;
border-radius: 16px;
box-shadow: var(--shadow-lg);
}

.intro-section, .features-section, .risk-section, .thinking-section, .cta-section, .latest-posts {
padding: 90px 0;
}

.intro-section {
background-color: var(--bg-light);
}

.section-header {
text-align: center;
margin-bottom: 60px;
}

.section-header.centered {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.section-header h2 {
font-size: 42px;
color: var(--primary-color);
margin-bottom: 18px;
font-family: var(--font-heading);
font-weight: 700;
}

.icon-title {
margin-right: 12px;
font-size: 1.1em;
}

.section-desc {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
line-height: 1.7;
}

.content-grid-three {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
}

.info-card {
background: var(--bg-white);
padding: 40px;
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
transition: var(--transition-base);
text-align: center;
}

.info-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-lg);
}

.card-icon {
font-size: 54px;
margin-bottom: 24px;
}

.info-card h3 {
font-size: 24px;
color: var(--primary-color);
margin-bottom: 16px;
font-weight: 600;
}

.info-card p {
color: var(--text-light);
line-height: 1.7;
}

.features-layout {
display: flex;
flex-direction: column;
gap: 80px;
}

.feature-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}

.feature-item.reverse {
direction: rtl;
}

.feature-item.reverse > * {
direction: ltr;
}

.feature-visual {
width: 100%;
border-radius: var(--border-radius);
box-shadow: var(--shadow-md);
}

.feature-text h3 {
font-size: 32px;
color: var(--primary-color);
margin-bottom: 20px;
font-weight: 600;
}

.feature-text p {
font-size: 17px;
line-height: 1.8;
color: var(--text-dark);
}

.risk-section {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.risk-content {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 60px;
align-items: center;
}

.risk-text p {
font-size: 17px;
line-height: 1.8;
margin-bottom: 24px;
}

.risk-list {
list-style: none;
padding-left: 0;
}

.risk-list li {
padding: 16px 0;
padding-left: 30px;
position: relative;
line-height: 1.7;
}

.risk-list li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--success-color);
font-weight: bold;
font-size: 20px;
}

.risk-visual .content-image {
width: 100%;
border-radius: var(--border-radius);
box-shadow: var(--shadow-md);
}

.thinking-section {
background-color: var(--primary-color);
color: var(--bg-white);
}

.thinking-section h2 {
color: var(--bg-white);
}

.centered-content {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}

.large-text {
font-size: 19px;
line-height: 1.9;
margin: 36px 0 48px;
opacity: 0.95;
}

.principles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 30px;
margin-top: 50px;
}

.principle-box {
background: rgba(255,255,255,0.1);
padding: 32px;
border-radius: var(--border-radius);
backdrop-filter: blur(10px);
transition: var(--transition-base);
}

.principle-box:hover {
background: rgba(255,255,255,0.15);
transform: translateY(-5px);
}

.principle-box h4 {
font-size: 22px;
margin-bottom: 14px;
color: var(--accent-color);
}

.principle-box p {
font-size: 15px;
line-height: 1.6;
opacity: 0.9;
}

.cta-section {
background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
color: var(--bg-white);
}

.cta-box {
max-width: 900px;
margin: 0 auto;
text-align: center;
}

.cta-box h2 {
font-size: 40px;
margin-bottom: 24px;
color: var(--bg-white);
}

.cta-text {
font-size: 19px;
line-height: 1.8;
margin-bottom: 36px;
opacity: 0.95;
}

.cta-actions {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 48px;
flex-wrap: wrap;
}

.btn-cta-large, .btn-outline-large {
padding: 18px 42px;
font-size: 17px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: 600;
transition: var(--transition-base);
display: inline-block;
}

.btn-cta-large {
background-color: var(--accent-color);
color: var(--bg-white);
border: none;
}

.btn-cta-large:hover {
background-color: #e67e22;
transform: translateY(-3px);
box-shadow: 0 6px 24px rgba(243,156,18,0.4);
}

.btn-outline-large {
background-color: transparent;
color: var(--bg-white);
border: 2px solid var(--bg-white);
}

.btn-outline-large:hover {
background-color: var(--bg-white);
color: var(--primary-color);
transform: translateY(-3px);
}

.disclaimer-text {
font-size: 14px;
opacity: 0.8;
line-height: 1.7;
padding: 24px;
background: rgba(255,255,255,0.1);
border-radius: var(--border-radius);
text-align: left;
}

.latest-posts {
background-color: var(--bg-light);
}

.posts-preview {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 36px;
}

.post-card-mini {
background: var(--bg-white);
padding: 36px;
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
transition: var(--transition-base);
}

.post-card-mini:hover {
transform: translateY(-6px);
box-shadow: var(--shadow-md);
}

.post-card-mini h3 {
font-size: 22px;
color: var(--primary-color);
margin-bottom: 16px;
font-weight: 600;
}

.post-card-mini p {
color: var(--text-light);
margin-bottom: 20px;
line-height: 1.7;
}

.read-more {
color: var(--secondary-color);
text-decoration: none;
font-weight: 600;
transition: var(--transition-base);
}

.read-more:hover {
color: var(--primary-color);
}

.site-footer {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
color: rgba(255,255,255,0.9);
padding: 70px 0 30px;
}

.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 50px;
margin-bottom: 40px;
}

.footer-column h3 {
color: var(--accent-color);
margin-bottom: 24px;
font-size: 20px;
font-weight: 600;
}

.footer-column p {
line-height: 1.8;
font-size: 15px;
opacity: 0.85;
}

.registration-info {
margin-top: 16px;
font-size: 14px;
opacity: 0.7;
}

.footer-links {
list-style: none;
}

.footer-links li {
margin-bottom: 12px;
}

.footer-links a {
color: rgba(255,255,255,0.8);
text-decoration: none;
transition: var(--transition-base);
font-size: 15px;
}

.footer-links a:hover {
color: var(--accent-color);
padding-left: 5px;
}

.contact-info {
list-style: none;
font-size: 15px;
line-height: 1.9;
}

.contact-info li {
margin-bottom: 10px;
opacity: 0.85;
}

.footer-bottom {
text-align: center;
padding-top: 30px;
border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-bottom p {
font-size: 14px;
opacity: 0.7;
}

.cookie-banner {
position: fixed;
bottom: -300px;
left: 0;
right: 0;
background: linear-gradient(135deg, rgba(26,77,143,0.98) 0%, rgba(44,123,196,0.98) 100%);
color: var(--bg-white);
padding: 28px 20px;
box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
z-index: 10000;
transition: bottom 0.4s ease;
backdrop-filter: blur(10px);
}

.cookie-banner.show {
bottom: 0;
}

.cookie-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
flex-wrap: wrap;
}

.cookie-text h4 {
margin-bottom: 10px;
font-size: 20px;
}

.cookie-text p {
font-size: 14px;
line-height: 1.6;
opacity: 0.95;
margin-bottom: 8px;
}

.cookie-link {
color: var(--accent-color);
text-decoration: underline;
font-size: 14px;
}

.cookie-actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
}

.btn-cookie-accept, .btn-cookie-settings, .btn-cookie-decline {
padding: 12px 24px;
border: none;
border-radius: 8px;
cursor: pointer;
font-weight: 600;
transition: var(--transition-base);
font-size: 14px;
}

.btn-cookie-accept {
background-color: var(--accent-color);
color: var(--bg-white);
}

.btn-cookie-accept:hover {
background-color: #e67e22;
transform: translateY(-2px);
}

.btn-cookie-settings {
background-color: transparent;
color: var(--bg-white);
border: 2px solid var(--bg-white);
}

.btn-cookie-settings:hover {
background-color: rgba(255,255,255,0.1);
}

.btn-cookie-decline {
background-color: transparent;
color: var(--bg-white);
border: 1px solid rgba(255,255,255,0.5);
}

.btn-cookie-decline:hover {
background-color: rgba(255,255,255,0.05);
}

.page-hero {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
padding: 80px 0;
color: var(--bg-white);
text-align: center;
}

.page-hero h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 20px;
font-family: var(--font-heading);
}

.about-story {
padding: 90px 0;
}

.story-content {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 60px;
align-items: center;
}

.story-text h2 {
font-size: 38px;
color: var(--primary-color);
margin-bottom: 28px;
font-weight: 600;
}

.story-text p {
font-size: 17px;
line-height: 1.8;
margin-bottom: 24px;
color: var(--text-dark);
}

.story-image .content-image {
width: 100%;
border-radius: var(--border-radius);
box-shadow: var(--shadow-md);
}

.mission-values {
padding: 90px 0;
background-color: var(--bg-light);
}

.values-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
}

.value-card {
background: var(--bg-white);
padding: 42px;
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
text-align: center;
transition: var(--transition-base);
}

.value-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-md);
}

.value-icon {
font-size: 56px;
margin-bottom: 24px;
}

.value-card h3 {
font-size: 26px;
color: var(--primary-color);
margin-bottom: 18px;
font-weight: 600;
}

.value-card p {
font-size: 16px;
line-height: 1.7;
color: var(--text-light);
}

.team-section {
padding: 90px 0;
}

.team-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 42px;
}

.team-member-card {
background: var(--bg-white);
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: var(--transition-base);
text-align: center;
padding-bottom: 30px;
}

.team-member-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-lg);
}

.team-photo {
width: 100%;
height: 400px;
object-fit: cover;
}

.team-member-card h3 {
font-size: 24px;
color: var(--primary-color);
margin: 24px 0 8px;
font-weight: 600;
}

.member-role {
color: var(--secondary-color);
font-weight: 600;
margin-bottom: 16px;
font-size: 16px;
}

.member-bio {
padding: 0 24px;
font-size: 15px;
line-height: 1.7;
color: var(--text-light);
}

.approach-section {
padding: 90px 0;
background-color: var(--bg-light);
}

.approach-steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 32px;
margin-top: 50px;
}

.step-item {
background: var(--bg-white);
padding: 36px;
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
transition: var(--transition-base);
position: relative;
}

.step-item:hover {
transform: translateY(-6px);
box-shadow: var(--shadow-md);
}

.step-number {
position: absolute;
top: -20px;
left: 30px;
background: linear-gradient(135deg, var(--accent-color) 0%, #e67e22 100%);
color: var(--bg-white);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 20px;
box-shadow: var(--shadow-sm);
}

.step-item h3 {
font-size: 20px;
color: var(--primary-color);
margin: 24px 0 14px;
font-weight: 600;
}

.step-item p {
font-size: 15px;
line-height: 1.7;
color: var(--text-light);
}

.why-choose {
padding: 90px 0;
}

.benefits-layout {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
margin-top: 50px;
}

.benefit-box {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 36px;
border-radius: var(--border-radius);
border-left: 4px solid var(--accent-color);
transition: var(--transition-base);
}

.benefit-box:hover {
transform: translateX(5px);
box-shadow: var(--shadow-sm);
}

.benefit-box h4 {
font-size: 20px;
color: var(--primary-color);
margin-bottom: 14px;
font-weight: 600;
}

.benefit-box p {
font-size: 15px;
line-height: 1.7;
color: var(--text-dark);
}

.cta-secondary {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
padding: 90px 0;
}

.cta-content-centered {
max-width: 800px;
margin: 0 auto;
text-align: center;
color: var(--bg-white);
}

.cta-content-centered h2 {
font-size: 38px;
margin-bottom: 24px;
color: var(--bg-white);
}

.cta-content-centered p {
font-size: 18px;
line-height: 1.8;
margin-bottom: 36px;
opacity: 0.95;
}

.btn-primary-large {
padding: 18px 42px;
background-color: var(--accent-color);
color: var(--bg-white);
text-decoration: none;
font-weight: 600;
border-radius: var(--border-radius);
display: inline-block;
transition: var(--transition-base);
font-size: 17px;
}

.btn-primary-large:hover {
background-color: #e67e22;
transform: translateY(-3px);
box-shadow: 0 6px 24px rgba(243,156,18,0.4);
}

.blog-listing {
padding: 90px 0;
}

.blog-intro {
max-width: 900px;
margin: 0 auto 60px;
}

.intro-text {
font-size: 18px;
line-height: 1.8;
color: var(--text-dark);
text-align: center;
}

.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 48px;
}

.post-card {
background: var(--bg-white);
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: var(--transition-base);
}

.post-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-lg);
}

.post-image {
position: relative;
overflow: hidden;
height: 250px;
}

.card-img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition-base);
}

.post-card:hover .card-img {
transform: scale(1.05);
}

.post-category {
position: absolute;
top: 16px;
left: 16px;
background-color: var(--accent-color);
color: var(--bg-white);
padding: 6px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
}

.post-content {
padding: 32px;
}

.post-content h2 {
margin-bottom: 16px;
}

.post-content h2 a {
color: var(--primary-color);
text-decoration: none;
font-size: 24px;
font-weight: 600;
transition: var(--transition-base);
}

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

.post-meta {
display: flex;
gap: 20px;
margin-bottom: 16px;
flex-wrap: wrap;
}

.post-date, .post-author {
font-size: 14px;
color: var(--text-light);
}

.post-excerpt {
font-size: 16px;
line-height: 1.7;
color: var(--text-dark);
margin-bottom: 20px;
}

.btn-read-more {
color: var(--secondary-color);
text-decoration: none;
font-weight: 600;
transition: var(--transition-base);
display: inline-block;
}

.btn-read-more:hover {
color: var(--primary-color);
transform: translateX(5px);
}

.newsletter-section {
padding: 90px 0;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.newsletter-box {
max-width: 700px;
margin: 0 auto;
text-align: center;
color: var(--bg-white);
}

.newsletter-box h2 {
font-size: 36px;
margin-bottom: 18px;
color: var(--bg-white);
}

.newsletter-box p {
font-size: 17px;
margin-bottom: 32px;
opacity: 0.95;
}

.newsletter-form {
display: flex;
gap: 12px;
max-width: 550px;
margin: 0 auto;
}

.newsletter-input {
flex: 1;
padding: 16px 20px;
border: none;
border-radius: var(--border-radius);
font-size: 16px;
}

.btn-newsletter {
padding: 16px 32px;
background-color: var(--accent-color);
color: var(--bg-white);
border: none;
border-radius: var(--border-radius);
font-weight: 600;
cursor: pointer;
transition: var(--transition-base);
font-size: 16px;
}

.btn-newsletter:hover {
background-color: #e67e22;
transform: translateY(-2px);
}

.contact-main {
padding: 90px 0;
}

.contact-layout {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 60px;
}

.contact-info-side h2 {
font-size: 32px;
color: var(--primary-color);
margin-bottom: 36px;
}

.info-blocks {
display: flex;
flex-direction: column;
gap: 32px;
}

.info-block {
padding: 24px;
background-color: var(--bg-light);
border-radius: var(--border-radius);
}

.info-icon {
font-size: 36px;
margin-bottom: 14px;
}

.info-block h3 {
font-size: 20px;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}

.info-block p {
font-size: 16px;
line-height: 1.7;
color: var(--text-dark);
margin-bottom: 4px;
}

.info-block a {
color: var(--secondary-color);
text-decoration: none;
font-weight: 600;
}

.info-block a:hover {
text-decoration: underline;
}

.info-note {
font-size: 14px;
color: var(--text-light);
margin-top: 8px;
}

.company-details {
margin-top: 32px;
padding: 20px;
background-color: var(--bg-light);
border-radius: var(--border-radius);
}

.company-details p {
font-size: 15px;
color: var(--text-dark);
}

.contact-form-side h2 {
font-size: 32px;
color: var(--primary-color);
margin-bottom: 32px;
}

.contact-form {
display: flex;
flex-direction: column;
gap: 24px;
}

.form-group {
display: flex;
flex-direction: column;
}

.form-group label {
font-weight: 600;
margin-bottom: 8px;
color: var(--text-dark);
font-size: 15px;
}

.form-input, .form-select, .form-textarea {
padding: 14px 16px;
border: 2px solid var(--border-color);
border-radius: var(--border-radius);
font-size: 16px;
font-family: var(--font-main);
transition: var(--transition-base);
}

.form-input:focus, .form-select:focus, .form-textarea:focus {
outline: none;
border-color: var(--secondary-color);
box-shadow: 0 0 0 3px rgba(44,123,196,0.1);
}

.form-textarea {
resize: vertical;
min-height: 140px;
}

.checkbox-group {
flex-direction: row;
align-items: center;
}

.checkbox-label {
display: flex;
align-items: center;
gap: 10px;
font-weight: normal;
cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
width: 18px;
height: 18px;
cursor: pointer;
}

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

.checkbox-label a:hover {
text-decoration: underline;
}

.btn-submit-form {
padding: 16px 36px;
background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
color: var(--bg-white);
border: none;
border-radius: var(--border-radius);
font-weight: 600;
font-size: 17px;
cursor: pointer;
transition: var(--transition-base);
}

.btn-submit-form:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
}

.map-section {
padding: 90px 0;
background-color: var(--bg-light);
}

.map-section h2 {
font-size: 38px;
color: var(--primary-color);
margin-bottom: 48px;
}

.map-container {
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--shadow-md);
}

.faq-contact {
padding: 90px 0;
}

.faq-contact h2 {
font-size: 38px;
color: var(--primary-color);
margin-bottom: 48px;
}

.faq-list {
max-width: 900px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 28px;
}

.faq-item {
padding: 28px;
background-color: var(--bg-light);
border-radius: var(--border-radius);
border-left: 4px solid var(--accent-color);
}

.faq-item h3 {
font-size: 20px;
color: var(--primary-color);
margin-bottom: 14px;
font-weight: 600;
}

.faq-item p {
font-size: 16px;
line-height: 1.7;
color: var(--text-dark);
}

.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.7);
display: none;
align-items: center;
justify-content: center;
z-index: 10000;
}

.modal-overlay.active {
display: flex;
}

.modal-content {
background: var(--bg-white);
border-radius: var(--border-radius);
max-width: 500px;
width: 90%;
box-shadow: var(--shadow-lg);
overflow: hidden;
}

.modal-header {
background: linear-gradient(135deg, var(--success-color) 0%, #229954 100%);
color: var(--bg-white);
padding: 28px;
text-align: center;
}

.modal-header h2 {
font-size: 28px;
color: var(--bg-white);
}

.modal-body {
padding: 36px;
}

.modal-body p {
font-size: 16px;
line-height: 1.7;
color: var(--text-dark);
margin-bottom: 16px;
}

.modal-footer {
padding: 0 36px 36px;
text-align: center;
}

.btn-modal-close {
padding: 14px 32px;
background-color: var(--primary-color);
color: var(--bg-white);
border: none;
border-radius: var(--border-radius);
font-weight: 600;
cursor: pointer;
transition: var(--transition-base);
font-size: 16px;
}

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

.post-single {
padding: 60px 0 90px;
}

.article-header {
margin-bottom: 40px;
}

.breadcrumbs {
font-size: 14px;
color: var(--text-light);
margin-bottom: 24px;
}

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

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

.article-header h1 {
font-size: 44px;
color: var(--primary-color);
line-height: 1.3;
margin-bottom: 24px;
font-family: var(--font-heading);
font-weight: 700;
}

.article-meta {
display: flex;
gap: 24px;
flex-wrap: wrap;
}

.meta-item {
font-size: 15px;
color: var(--text-light);
}

.article-featured-image {
margin-bottom: 50px;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--shadow-md);
}

.featured-image {
width: 100%;
display: block;
}

.article-content {
font-size: 18px;
line-height: 1.9;
color: var(--text-dark);
}

.lead-paragraph {
font-size: 21px;
line-height: 1.8;
color: var(--primary-color);
font-weight: 500;
margin-bottom: 36px;
padding-left: 20px;
border-left: 4px solid var(--accent-color);
}

.article-content h2 {
font-size: 34px;
color: var(--primary-color);
margin: 48px 0 24px;
font-weight: 600;
}

.article-content h3 {
font-size: 26px;
color: var(--secondary-color);
margin: 36px 0 20px;
font-weight: 600;
}

.article-content p {
margin-bottom: 24px;
line-height: 1.9;
}

.article-content ul {
margin: 24px 0;
padding-left: 30px;
}

.article-content ul li {
margin-bottom: 14px;
line-height: 1.8;
}

.article-content strong {
color: var(--primary-color);
font-weight: 600;
}

.article-footer {
margin-top: 70px;
}

.author-bio {
display: flex;
gap: 28px;
padding: 36px;
background-color: var(--bg-light);
border-radius: var(--border-radius);
margin-bottom: 50px;
}

.author-photo {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 4px solid var(--bg-white);
box-shadow: var(--shadow-sm);
}

.author-info h3 {
font-size: 16px;
color: var(--text-light);
margin-bottom: 8px;
font-weight: 500;
}

.author-info h4 {
font-size: 24px;
color: var(--primary-color);
margin-bottom: 14px;
font-weight: 600;
}

.author-info p {
font-size: 16px;
line-height: 1.7;
color: var(--text-dark);
}

.related-posts h3 {
font-size: 28px;
color: var(--primary-color);
margin-bottom: 32px;
font-weight: 600;
}

.related-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
}

.related-card {
padding: 28px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: var(--border-radius);
transition: var(--transition-base);
border-left: 4px solid var(--accent-color);
}

.related-card:hover {
transform: translateX(5px);
box-shadow: var(--shadow-sm);
}

.related-card h4 {
margin-bottom: 12px;
}

.related-card h4 a {
color: var(--primary-color);
text-decoration: none;
font-size: 20px;
font-weight: 600;
transition: var(--transition-base);
}

.related-card h4 a:hover {
color: var(--secondary-color);
}

.related-card p {
font-size: 15px;
color: var(--text-light);
line-height: 1.6;
}

@media (max-width: 768px) {
.hero-content {
grid-template-columns: 1fr;
gap: 40px;
}
.hero-text h1 {
font-size: 36px;
}
.hero-subtitle {
font-size: 18px;
}
.content-grid-three, .posts-preview, .posts-grid, .values-grid, .team-grid, .benefits-layout, .principles-grid, .approach-steps {
grid-template-columns: 1fr;
}
.feature-item, .feature-item.reverse {
grid-template-columns: 1fr;
direction: ltr;
}
.risk-content, .story-content {
grid-template-columns: 1fr;
}
.contact-layout {
grid-template-columns: 1fr;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.section-header h2, .page-hero h1 {
font-size: 34px;
}
.article-header h1 {
font-size: 32px;
}
.cookie-content {
flex-direction: column;
text-align: center;
}
.cookie-actions {
justify-content: center;
}
.nav-menu {
flex-direction: column;
gap: 8px;
}
.cta-buttons, .cta-actions {
flex-direction: column;
}
.newsletter-form {
flex-direction: column;
}
.post-meta {
flex-direction: column;
gap: 8px;
}
.author-bio {
flex-direction: column;
text-align: center;
align-items: center;
}
}

@media (max-width: 480px) {
.hero-text h1 {
font-size: 28px;
}
.section-header h2 {
font-size: 28px;
}
.container-standard, .container-article {
padding: 0 20px;
}
}