.not-found_notFoundPage__UGqBS {
min-height: 100vh;
background: linear-gradient(135deg, var(--primary-green) 0, var(--primary-orange) 100%);
display: flex;
align-items: center;
justify-content: center;
padding: var(--spacing-xl) 0
}
.not-found_notFoundContent__eDdMd {
background-color: var(--white);
border-radius: var(--radius-xl);
padding: var(--spacing-3xl);
text-align: center;
box-shadow: var(--shadow-lg);
max-width: 600px;
width: 100%;
margin: 0 var(--spacing-lg)
}
.not-found_notFoundIcon__jqO7J {
font-size: 4rem;
margin-bottom: var(--spacing-lg);
opacity: .8
}
.not-found_notFoundTitle__tsbw8 {
font-size: 2.5rem;
font-weight: 700;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md);
font-family: var(--font-heading)
}
.not-found_notFoundDescription__BeFFg {
font-size: 1.125rem;
color: var(--gray-600);
line-height: 1.6;
margin-bottom: var(--spacing-xl)
}
.not-found_notFoundActions__wOnN1 {
display: flex;
gap: var(--spacing-md);
justify-content: center;
margin-bottom: var(--spacing-xl);
flex-wrap: wrap
}
.not-found_homeButton__HTgj9,
.not-found_searchButton__MNTei {
display: inline-flex;
align-items: center;
gap: var(--spacing-sm);
padding: var(--spacing-md) var(--spacing-lg);
border-radius: var(--radius-md);
font-weight: 600;
text-decoration: none;
transition: all var(--transition-fast);
font-size: 1rem
}
.not-found_homeButton__HTgj9 {
background-color: var(--primary-green);
color: var(--white)
}
.not-found_homeButton__HTgj9:hover {
background-color: var(--primary-orange);
transform: translateY(-2px);
box-shadow: var(--shadow-md)
}
.not-found_searchButton__MNTei {
background-color: var(--gray-100);
color: var(--text-dark-blue);
border: 2px solid var(--gray-200)
}
.not-found_searchButton__MNTei:hover {
background-color: var(--accent-yellow);
border-color: var(--accent-yellow);
transform: translateY(-2px);
box-shadow: var(--shadow-md)
}
.not-found_helpfulLinks___eakz {
border-top: 1px solid var(--gray-200);
padding-top: var(--spacing-xl)
}
.not-found_helpfulTitle__95S0h {
font-size: 1.25rem;
font-weight: 600;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md);
font-family: var(--font-heading)
}
.not-found_categoryLinks__03xbC {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--spacing-sm)
}
.not-found_categoryLink__y_ou6 {
display: flex;
align-items: center;
gap: var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md);
background-color: var(--gray-50);
border-radius: var(--radius-md);
text-decoration: none;
color: var(--text-dark-blue);
font-weight: 500;
transition: all var(--transition-fast);
border: 1px solid var(--gray-200)
}
.not-found_categoryLink__y_ou6:hover {
background-color: var(--primary-green);
color: var(--white);
transform: translateY(-1px);
box-shadow: var(--shadow-sm)
}
@media (max-width:768px) {
.not-found_notFoundContent__eDdMd {
padding: var(--spacing-xl);
margin: 0 var(--spacing-md)
}
.not-found_notFoundTitle__tsbw8 {
font-size: 2rem
}
.not-found_notFoundDescription__BeFFg {
font-size: 1rem
}
.not-found_notFoundActions__wOnN1 {
flex-direction: column;
align-items: center
}
.not-found_homeButton__HTgj9,
.not-found_searchButton__MNTei {
width: 100%;
max-width: 200px;
justify-content: center
}
.not-found_categoryLinks__03xbC {
grid-template-columns: 1fr
}
}
@media (max-width:480px) {
.not-found_notFoundIcon__jqO7J {
font-size: 3rem
}
.not-found_notFoundTitle__tsbw8 {
font-size: 1.75rem
}
.not-found_notFoundContent__eDdMd {
padding: var(--spacing-lg)
}
}
@font-face {
font-family: __Poppins_c169f5;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/29e7bbdce9332268-s.woff2) format("woff2");
unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+20f0, u+25cc, u+a830-a839, u+a8e0-a8ff, u+11b00-11b09
}
@font-face {
font-family: __Poppins_c169f5;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/c3bc380753a8436c-s.woff2) format("woff2");
unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}
@font-face {
font-family: __Poppins_c169f5;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/0484562807a97172-s.p.woff2) format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}
@font-face {
font-family: __Poppins_c169f5;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../media/29a4aea02fdee119-s.woff2) format("woff2");
unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+20f0, u+25cc, u+a830-a839, u+a8e0-a8ff, u+11b00-11b09
}
@font-face {
font-family: __Poppins_c169f5;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../media/a1386beebedccca4-s.woff2) format("woff2");
unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}
@font-face {
font-family: __Poppins_c169f5;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../media/b957ea75a84b6ea7-s.p.woff2) format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}
@font-face {
font-family: __Poppins_Fallback_c169f5;
src: local("Arial");
ascent-override: 93.62%;
descent-override: 31.21%;
line-gap-override: 8.92%;
size-adjust: 112.16%
}
.__className_c169f5 {
font-family: __Poppins_c169f5, __Poppins_Fallback_c169f5;
font-style: normal
}
.__variable_c169f5 {
--font-poppins: "__Poppins_c169f5", "__Poppins_Fallback_c169f5"
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/d6fc113833db48fe-s.woff2) format("woff2");
unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/e1df014bb05b8510-s.woff2) format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/13a314e63820922b-s.woff2) format("woff2");
unicode-range: u+1f??
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/04c24f78ad5a47d8-s.woff2) format("woff2");
unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/9e769f40faa52555-s.html) format("woff2");
unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121, u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1, u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/37da3febcafd463e-s.woff2) format("woff2");
unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887, u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/51f6eedf9be77cd7-s.woff2) format("woff2");
unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/403511e41efd5e81-s.woff2) format("woff2");
unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../media/e807dee2426166ad-s.p.html) format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/d6fc113833db48fe-s.woff2) format("woff2");
unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/e1df014bb05b8510-s.woff2) format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/13a314e63820922b-s.woff2) format("woff2");
unicode-range: u+1f??
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/04c24f78ad5a47d8-s.woff2) format("woff2");
unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/c1a1fe1e2bf9b2ee-s.woff2) format("woff2");
unicode-range: u+0307-0308, u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/9e769f40faa52555-s.html) format("woff2");
unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121, u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1, u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/37da3febcafd463e-s.woff2) format("woff2");
unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887, u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/51f6eedf9be77cd7-s.woff2) format("woff2");
unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/403511e41efd5e81-s.woff2) format("woff2");
unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}
@font-face {
font-family: __Open_Sans_298517;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../media/e807dee2426166ad-s.p.html) format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}
@font-face {
font-family: __Open_Sans_Fallback_298517;
src: local("Arial");
ascent-override: 101.65%;
descent-override: 27.86%;
line-gap-override: 0.00%;
size-adjust: 105.15%
}
.__className_298517 {
font-family: __Open_Sans_298517, __Open_Sans_Fallback_298517;
font-style: normal
}
.__variable_298517 {
--font-open-sans: "__Open_Sans_298517", "__Open_Sans_Fallback_298517"
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../media/b1f344208eb4edfe-s.html) format("woff2");
unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../media/48e2044251ef3125-s.html) format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../media/bf24a9759715e608-s.html) format("woff2");
unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../media/1f173e5e25f3efee-s.html) format("woff2");
unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../media/904be59b21bd51cb-s.html) format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/b1f344208eb4edfe-s.html) format("woff2");
unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/48e2044251ef3125-s.html) format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/bf24a9759715e608-s.html) format("woff2");
unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/1f173e5e25f3efee-s.html) format("woff2");
unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}
@font-face {
font-family: __Montserrat_84aa78;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../media/904be59b21bd51cb-s.html) format("woff2");
unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}
@font-face {
font-family: __Montserrat_Fallback_84aa78;
src: local("Arial");
ascent-override: 85.79%;
descent-override: 22.25%;
line-gap-override: 0.00%;
size-adjust: 112.83%
}
.__className_84aa78 {
font-family: __Montserrat_84aa78, __Montserrat_Fallback_84aa78;
font-style: normal
}
.__variable_84aa78 {
--font-montserrat: "__Montserrat_84aa78", "__Montserrat_Fallback_84aa78"
}
.Footer_footer__4m1fF {
background: linear-gradient(135deg, var(--text-dark-blue) 0, var(--primary-green) 100%);
color: var(--white);
padding: var(--spacing-3xl) 0 30px 0;
margin-top: auto
}
.Footer_container__4dnz7 {
max-width: 1200px;
margin: 0 auto;
padding: 0 var(--spacing-lg)
}
.Footer_footerContent__MEeaN {
text-align: center
}
.Footer_mainContent__fCWzB {
margin-bottom: var(--spacing-2xl)
}
.Footer_title__EzwNR {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: var(--spacing-lg);
color: var(--white);
font-family: var(--font-primary)
}
.Footer_description__HczyF {
font-size: 1.125rem;
margin-bottom: var(--spacing-2xl);
color: #ffffffe6;
max-width: 600px;
margin-left: auto;
margin-right: auto
}
.Footer_footerBottom__cbDoJ {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--spacing-xl);
padding-top: var(--spacing-xl);
border-top: 1px solid #fff3
}
.Footer_address__K7E8S {
font-style: normal;
color: #fffc;
font-size: .875rem;
margin: 0;
flex: 1 1;
text-align: left
}
.Footer_linksSection__NR9Pj {
display: flex;
gap: var(--spacing-lg);
align-items: center
}
.Footer_footerLink__ZsnBx {
color: var(--white);
text-decoration: none;
font-weight: 500;
font-size: .875rem;
transition: all var(--transition-fast);
padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--radius-md);
white-space: nowrap
}
.Footer_footerLink__ZsnBx:hover {
color: var(--accent-yellow);
background-color: #ffffff1a;
transform: translateY(-2px)
}
@media (max-width:768px) {
.Footer_footer__4m1fF {
padding: var(--spacing-2xl) 0 30px 0
}
.Footer_title__EzwNR {
font-size: 2rem
}
.Footer_description__HczyF {
font-size: 1rem
}
.Footer_footerBottom__cbDoJ {
flex-direction: column;
align-items: center;
text-align: center;
gap: var(--spacing-md)
}
.Footer_address__K7E8S {
text-align: center;
flex: none
}
.Footer_linksSection__NR9Pj {
flex-direction: row;
gap: var(--spacing-sm);
flex-wrap: wrap;
justify-content: center
}
.Footer_footerLink__ZsnBx {
padding: var(--spacing-sm);
font-size: .8rem
}
}
@media (max-width:480px) {
.Footer_container__4dnz7 {
padding: 0 var(--spacing-md)
}
.Footer_title__EzwNR {
font-size: 1.75rem
}
.Footer_description__HczyF {
font-size: .9rem
}
.Footer_address__K7E8S {
font-size: .8rem
}
.Footer_linksSection__NR9Pj {
gap: var(--spacing-xs)
}
.Footer_footerLink__ZsnBx {
font-size: .75rem;
padding: var(--spacing-xs) var(--spacing-sm)
}
}
.Header_header___60Q_ {
background-color: var(--white);
box-shadow: var(--shadow-sm);
position: sticky;
top: 0;
z-index: 1001;
border-bottom: 1px solid var(--gray-200);
transition: all var(--transition-fast);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px)
}
.Header_headerScrolled__2KJ9I {
background-color: #fffffff2;
box-shadow: var(--shadow-lg);
border-bottom-color: var(--gray-300)
}
.Header_container__vqk2x {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
transition: height var(--transition-fast)
}
.Header_leftSection__x7Ntc {
display: flex;
align-items: center;
gap: var(--spacing-xl);
flex: 1 1
}
.Header_logo__xmjV5 {
display: flex;
align-items: center;
gap: var(--spacing-sm);
text-decoration: none;
font-family: var(--font-primary);
font-weight: 700;
font-size: 1.5rem;
color: var(--text-dark-blue);
transition: all var(--transition-fast);
position: relative;
z-index: 1002;
flex-shrink: 0
}
.Header_logo__xmjV5:hover {
color: var(--primary-green)
}
.Header_logoIcon__Y2SFA {
font-size: 1.75rem
}
.Header_logoText__4bp_H {
color: inherit;
font-weight: 700
}
.Header_nav__0VWUe {
display: flex;
align-items: center;
gap: var(--spacing-md)
}
.Header_navLink__9eqwM {
font-family: var(--font-body);
font-weight: 500;
font-size: 1rem;
color: var(--text-dark-blue);
text-decoration: none;
padding: var(--spacing-sm) var(--spacing-sm);
border-radius: var(--radius-md);
transition: all var(--transition-fast);
white-space: nowrap;
position: relative;
overflow: hidden;
line-height: 1.2;
flex-shrink: 0
}
.Header_navLink__9eqwM:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: linear-gradient(90deg, var(--primary-green), var(--primary-orange));
transition: all var(--transition-fast);
transform: translateX(-50%)
}
.Header_navLink__9eqwM:hover {
color: var(--primary-green);
transform: translateY(-1px)
}
.Header_navLink__9eqwM:hover:before {
width: 80%
}
.Header_navLink__9eqwM.Header_active__10ZjK {
color: var(--primary-green);
font-weight: 600
}
.Header_navLink__9eqwM.Header_active__10ZjK:before {
width: 100%;
height: 3px;
background: linear-gradient(90deg, var(--primary-green), var(--primary-orange))
}
.Header_navLink__9eqwM.Header_active__10ZjK:hover {
transform: translateY(-1px)
}
.Header_rightSection__Egnx3 {
display: flex;
align-items: center;
gap: var(--spacing-md)
}
.Header_searchForm__iLX1o {
display: flex;
align-items: center;
background-color: initial;
border-radius: var(--radius-lg);
padding: 0;
width: 32px;
height: 32px;
transition: width .4s cubic-bezier(.4, 0, .2, 1), background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
border: 2px solid #0000;
overflow: hidden;
position: relative;
justify-content: flex-end
}
.Header_searchFormExpanded__xhGNG {
width: 220px;
background-color: var(--white);
border-color: var(--primary-green);
box-shadow: 0 0 0 3px #4ab19d1a;
border-radius: var(--radius-lg)
}
.Header_searchInput__5D1WK {
border: none;
background: #0000;
padding: 0 var(--spacing-sm);
font-size: .875rem;
color: var(--text-dark-blue);
outline: none;
transition: opacity .3s cubic-bezier(.4, 0, .2, 1) .1s, transform .3s cubic-bezier(.4, 0, .2, 1) .1s, width .4s cubic-bezier(.4, 0, .2, 1);
width: 0;
opacity: 0;
pointer-events: none;
height: 100%;
transform: translateX(10px);
order: 1
}
.Header_searchInputExpanded__8sl6n {
width: 180px;
opacity: 1;
pointer-events: auto;
transform: translateX(0);
transition: opacity .4s cubic-bezier(.4, 0, .2, 1) .2s, transform .4s cubic-bezier(.4, 0, .2, 1) .2s, width .4s cubic-bezier(.4, 0, .2, 1)
}
.Header_searchInput__5D1WK::placeholder {
color: var(--gray-500);
transition: color .3s ease
}
.Header_searchFormExpanded__xhGNG .Header_searchInput__5D1WK::placeholder {
color: var(--gray-400)
}
.Header_searchButton__Pmbnz {
background: var(--gray-200);
border: none;
border-radius: var(--radius-md);
padding: 0;
cursor: pointer;
transition: background .2s ease, transform .2s cubic-bezier(.4, 0, .2, 1);
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
flex-shrink: 0;
margin: 2px;
order: 2;
z-index: 1
}
.Header_searchButton__Pmbnz:hover {
background: var(--gray-300);
transform: scale(1.02)
}
.Header_searchButton__Pmbnz:active {
background: var(--gray-400);
transform: scale(.98)
}
.Header_searchIcon__oEKHW {
width: 16px;
height: 16px;
color: var(--gray-600);
transition: transform .3s cubic-bezier(.4, 0, .2, 1), color .2s ease
}
.Header_searchButton__Pmbnz:hover .Header_searchIcon__oEKHW {
color: var(--gray-700)
}
.Header_searchFormExpanded__xhGNG .Header_searchIcon__oEKHW {
transform: rotate(90deg);
color: var(--primary-green)
}
.Header_searchFormExpanded__xhGNG .Header_searchButton__Pmbnz {
background: var(--white);
border: 1px solid var(--gray-300);
width: 30px;
height: 30px;
margin: 1px;
border-radius: var(--radius-md)
}
.Header_searchFormExpanded__xhGNG .Header_searchButton__Pmbnz:hover {
background: var(--gray-50);
border-color: var(--primary-green)
}
.Header_menuButton__NAZEQ {
display: none;
background: none;
border: none;
cursor: pointer;
padding: var(--spacing-sm);
z-index: 1001;
border-radius: var(--radius-md);
transition: background-color var(--transition-fast);
flex-shrink: 0
}
.Header_menuButton__NAZEQ:hover {
background-color: var(--gray-100)
}
.Header_menuIcon__wd3Jj {
display: flex;
flex-direction: column;
width: 24px;
height: 18px;
justify-content: space-between;
position: relative
}
.Header_menuIcon__wd3Jj span {
display: block;
height: 3px;
width: 100%;
background-color: var(--text-dark-blue);
transition: all var(--transition-fast);
transform-origin: center;
border-radius: 2px
}
.Header_menuIconOpen__J5c87 span:first-child {
transform: rotate(45deg) translate(6px, 6px);
background-color: var(--primary-green)
}
.Header_menuIconOpen__J5c87 span:nth-child(2) {
opacity: 0;
transform: scale(0)
}
.Header_menuIconOpen__J5c87 span:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
background-color: var(--primary-green)
}
.Header_mobileNav__1WepI {
position: fixed;
top: 70px;
left: 0;
right: 0;
background-color: var(--white);
box-shadow: var(--shadow-xl);
transform: translateY(-100%);
transition: transform var(--transition-normal);
z-index: 1002;
max-height: calc(100vh - 70px);
overflow-y: auto;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
visibility: hidden
}
.Header_mobileNavOpen__r3PpR {
transform: translateY(0);
opacity: 1;
visibility: visible
}
.Header_mobileNavLink__dn8ZZ {
display: flex;
align-items: center;
padding: var(--spacing-xl) var(--spacing-lg);
color: var(--text-dark-blue);
text-decoration: none;
font-weight: 500;
font-size: 1rem;
border-bottom: 1px solid var(--gray-200);
transition: all var(--transition-fast);
position: relative;
line-height: 1.5;
min-height: 60px
}
.Header_mobileNavLink__dn8ZZ:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: linear-gradient(135deg, var(--primary-green), var(--primary-orange));
transition: width var(--transition-fast)
}
.Header_mobileNavLink__dn8ZZ:hover {
color: var(--primary-green)
}
.Header_mobileNavLink__dn8ZZ:hover:before {
width: 4px
}
.Header_mobileNavLink__dn8ZZ:last-of-type {
border-bottom: none
}
.Header_mobileNavLink__dn8ZZ.Header_active__10ZjK {
color: var(--primary-green);
font-weight: 600;
border-left: 4px solid var(--primary-green);
background-color: #4ab19d0d
}
.Header_mobileNavLink__dn8ZZ.Header_active__10ZjK:before {
width: 4px;
background: linear-gradient(135deg, var(--primary-green), var(--primary-orange))
}
.Header_mobileNavLink__dn8ZZ.Header_active__10ZjK:hover {
color: var(--primary-green)
}
.Header_mobileSearchForm__bx9ZD {
padding: var(--spacing-xl);
border-top: 1px solid var(--gray-200);
margin-top: var(--spacing-lg);
background: linear-gradient(135deg, var(--gray-100), var(--white))
}
.Header_mobileSearchInput__2e9vq {
width: 100%;
padding: var(--spacing-lg);
border: 2px solid var(--gray-200);
border-radius: var(--radius-md);
font-size: 1rem;
outline: none;
transition: all var(--transition-fast);
background-color: var(--white);
min-height: 52px;
box-sizing: border-box
}
.Header_mobileSearchInput__2e9vq:focus {
border-color: var(--primary-green);
box-shadow: 0 0 0 3px #4ab19d1a;
transform: translateY(-1px)
}
.Header_mobileSearchButton__YYoFj {
width: 100%;
padding: var(--spacing-lg);
background: linear-gradient(135deg, var(--primary-green), var(--primary-orange));
color: var(--white);
border: none;
border-radius: var(--radius-md);
font-weight: 600;
font-size: 1rem;
cursor: pointer;
transition: all var(--transition-fast);
text-transform: uppercase;
letter-spacing: .5px;
min-height: 52px;
box-sizing: border-box
}
.Header_mobileSearchButton__YYoFj:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-lg)
}
.Header_mobileSearchButton__YYoFj:active {
transform: translateY(0)
}
.Header_overlay__XEfjI {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
background-color: #00000080;
z-index: 1001;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
animation: Header_fadeIn__r9xbG var(--transition-fast) ease-out;
opacity: 1;
visibility: visible
}
@keyframes Header_fadeIn__r9xbG {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@media (max-width:1200px) {
.Header_leftSection__x7Ntc {
gap: calc(var(--spacing-lg) + 3rem)
}
.Header_nav__0VWUe {
gap: calc(var(--spacing-sm) + .5rem)
}
.Header_navLink__9eqwM {
font-size: .9rem;
padding: var(--spacing-xs) var(--spacing-xs)
}
.Header_searchFormExpanded__xhGNG {
width: 200px
}
.Header_searchInputExpanded__8sl6n {
width: 160px
}
}
@media (max-width:1024px) {
.Header_nav__0VWUe {
display: none
}
.Header_searchFormExpanded__xhGNG {
width: 220px
}
.Header_searchInputExpanded__8sl6n {
width: 180px
}
.Header_menuButton__NAZEQ {
display: flex
}
.Header_leftSection__x7Ntc {
gap: var(--spacing-md)
}
.Header_rightSection__Egnx3 {
gap: var(--spacing-sm)
}
.Header_searchForm__iLX1o {
display: none
}
}
@media (max-width:768px) {
.Header_container__vqk2x {
padding: 0 var(--spacing-sm);
height: 65px
}
.Header_logo__xmjV5 {
font-size: 1.125rem
}
.Header_logoText__4bp_H {
font-size: 1.3rem
}
.Header_logoIcon__Y2SFA {
font-size: 1.375rem
}
.Header_mobileNav__1WepI {
top: 65px;
max-height: calc(100vh - 65px)
}
.Header_overlay__XEfjI {
top: 65px
}
}
@media (max-width:480px) {
.Header_container__vqk2x {
height: 60px;
padding: 0 var(--spacing-sm)
}
.Header_logo__xmjV5 {
font-size: 1rem
}
.Header_logoText__4bp_H {
display: block;
font-size: 1.3rem
}
.Header_logoIcon__Y2SFA {
font-size: 1.25rem
}
.Header_mobileNav__1WepI {
top: 60px;
max-height: calc(100vh - 60px)
}
.Header_overlay__XEfjI {
top: 60px
}
.Header_mobileNavLink__dn8ZZ {
padding: var(--spacing-md) var(--spacing-md);
font-size: .95rem;
min-height: 52px
}
.Header_mobileSearchForm__bx9ZD {
padding: var(--spacing-md);
margin-top: var(--spacing-sm)
}
.Header_mobileSearchInput__2e9vq {
margin-bottom: var(--spacing-md)
}
.Header_mobileSearchButton__YYoFj,
.Header_mobileSearchInput__2e9vq {
padding: var(--spacing-md);
font-size: .95rem;
min-height: 44px
}
}
@media (min-width:1025px) {
.Header_menuButton__NAZEQ,
.Header_mobileNav__1WepI,
.Header_overlay__XEfjI {
display: none !important
}
}
.Header_header___60Q_,
.Header_mobileNav__1WepI,
.Header_overlay__XEfjI {
will-change: transform
}
@media (prefers-reduced-motion:reduce) {
.Header_header___60Q_,
.Header_logo__xmjV5,
.Header_menuButton__NAZEQ,
.Header_mobileNavLink__dn8ZZ,
.Header_mobileNav__1WepI,
.Header_mobileSearchButton__YYoFj,
.Header_mobileSearchInput__2e9vq,
.Header_navLink__9eqwM,
.Header_overlay__XEfjI,
.Header_searchButton__Pmbnz,
.Header_searchForm__iLX1o {
transition: none
}
.Header_logo__xmjV5:hover,
.Header_mobileSearchButton__YYoFj:hover,
.Header_navLink__9eqwM:hover,
.Header_searchButton__Pmbnz:hover {
transform: none
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box
}
:root {
--primary-green: #4ab19d;
--primary-orange: #ff7e5f;
--bg-light-gray: #f5f5f5;
--text-dark-blue: #34495e;
--accent-yellow: #f9d342;
--white: #fff;
--black: #000;
--gray-100: #f7f7f7;
--gray-200: #e5e5e5;
--gray-300: #d1d1d1;
--gray-400: #b0b0b0;
--gray-500: grey;
--gray-600: #666;
--gray-700: #4a4a4a;
--gray-800: #2d2d2d;
--gray-900: #1a1a1a;
--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-accent: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--spacing-xs: 0.25rem;
--spacing-sm: 0.5rem;
--spacing-md: 1rem;
--spacing-lg: 1.5rem;
--spacing-xl: 2rem;
--spacing-2xl: 3rem;
--spacing-3xl: 4rem;
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 12px;
--radius-xl: 16px;
--shadow-sm: 0 1px 2px 0 #0000000d;
--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
--shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
--transition-fast: 0.15s ease-in-out;
--transition-normal: 0.3s ease-in-out;
--transition-slow: 0.5s ease-in-out
}
html {
font-size: 16px;
scroll-behavior: smooth
}
body,
html {
line-height: 1.6
}
body {
font-family: var(--font-body);
color: var(--text-dark-blue);
background-color: var(--bg-light-gray);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: 100vh;
display: flex;
flex-direction: column
}
main {
flex: 1 1
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-primary);
font-weight: 700;
line-height: 1.2;
margin-bottom: var(--spacing-md);
color: var(--text-dark-blue)
}
h1 {
font-size: 2.5rem
}
h1,
h2 {
margin-bottom: var(--spacing-lg)
}
h2 {
font-size: 2rem
}
h3 {
font-size: 1.5rem
}
h4 {
font-size: 1.25rem
}
h5 {
font-size: 1.125rem
}
h6 {
font-size: 1rem
}
p {
margin-bottom: var(--spacing-md);
color: var(--text-dark-blue)
}
a {
color: var(--primary-green);
text-decoration: none;
transition: color var(--transition-fast)
}
a:hover {
color: var(--primary-orange)
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--spacing-sm) var(--spacing-lg);
border: none;
border-radius: var(--radius-md);
font-family: var(--font-primary);
font-weight: 600;
font-size: .875rem;
text-decoration: none;
cursor: pointer;
transition: all var(--transition-fast);
white-space: nowrap;
position: relative;
z-index: 10
}
.btn-accent {
background-color: var(--accent-yellow);
color: var(--text-dark-blue)
}
.btn-accent:hover {
background-color: var(--primary-orange);
color: var(--white)
}
.container {
max-width: 1200px;
margin: 0 auto
}
@media (max-width:768px) {
.container {
padding: 0 var(--spacing-sm)
}
h1 {
font-size: 2rem
}
h2 {
font-size: 1.75rem
}
}
@media (max-width:480px) {
h1 {
font-size: 1.75rem
}
h2 {
font-size: 1.5rem
}
.btn {
padding: var(--spacing-md) var(--spacing-lg);
font-size: .875rem;
min-height: 44px;
border-radius: var(--radius-lg)
}
}
::-webkit-scrollbar {
width: 8px
}
::-webkit-scrollbar-track {
background: var(--gray-100)
}
::-webkit-scrollbar-thumb {
background: var(--gray-400);
border-radius: var(--radius-sm)
}
::-webkit-scrollbar-thumb:hover {
background: var(--primary-green)
}
.ad-container {
flex-shrink: 0;
width: 100%;
min-height: 250px;
margin: 20px 0;
background: url(../../../ads.png) no-repeat 50%;
background-size: 300px 250px
}
.ads_img {
width: 300px;
height: 250px;
margin: 0 auto
}
.DocumentPage_page___slRY {
min-height: 100vh;
background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
padding: 2rem 0
}
.DocumentPage_content__cRoFB {
max-width: 900px;
margin: 0 auto;
background: #fff;
border-radius: 12px;
box-shadow: 0 10px 30px #0000001a;
padding: 2rem 3rem 3rem;
position: relative;
overflow: hidden
}
.DocumentPage_content__cRoFB:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #007bff, #28a745, #ffc107, #dc3545)
}
.DocumentPage_pageTitle__I2c_d {
font-size: 3rem;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 2rem;
text-align: left;
position: relative;
padding-bottom: 1rem
}
.DocumentPage_pageTitle__I2c_d:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 3px;
background: linear-gradient(90deg, #007bff, #28a745);
border-radius: 2px
}
@media (max-width:768px) {
.DocumentPage_page___slRY {
padding: 1rem 0
}
.DocumentPage_content__cRoFB {
margin: 0 1rem;
padding: 2rem 1.5rem;
border-radius: 8px
}
.DocumentPage_pageTitle__I2c_d {
font-size: 2.2rem;
margin-bottom: 1.5rem
}
.DocumentPage_pageTitle__I2c_d:after {
width: 60px;
height: 2px
}
}
@media (max-width:480px) {
.DocumentPage_content__cRoFB {
margin: 0 .5rem;
padding: 1.5rem 1rem
}
.DocumentPage_pageTitle__I2c_d {
font-size: 1.8rem;
margin-bottom: 1rem
}
}
.page_categoryPage__fcZ2t {
min-height: 100vh
}
.page_heroSection__qay5l {
background: linear-gradient(135deg, var(--primary-green) 0, var(--primary-orange) 100%);
color: var(--white);
padding: var(--spacing-xl) 0;
text-align: center;
min-height: 25vh;
display: flex;
align-items: center
}
.page_heroContent__1hHyB {
max-width: 800px;
margin: 0 auto
}
.page_categoryTitle__F7lZq {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: var(--spacing-lg);
color: var(--white)
}
.page_categoryDescription__8mzN4 {
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: var(--spacing-xl);
color: #ffffffe6
}
.page_categoryStats__gdYEX {
display: flex;
justify-content: center;
align-items: center;
gap: var(--spacing-md);
font-size: 1rem;
color: #fffc
}
.page_articleCount__zyGPv,
.page_readTime__IF67A {
font-weight: 600
}
.page_separator__5_HlZ {
opacity: .6
}
.page_adSection__5Lsjw {
background-color: var(--white);
padding: var(--spacing-lg) 0;
position: relative;
z-index: 10
}
.page_adContainer__5WfJ5 {
max-width: 1200px;
margin: 0 auto;
text-align: center
}
.page_adPlaceholder__cy4Eu {
background: linear-gradient(135deg, var(--gray-100), var(--gray-200));
border: 2px dashed var(--gray-300);
border-radius: var(--radius-lg);
padding: var(--spacing-xl);
color: var(--gray-600);
font-size: .875rem;
min-height: 120px;
display: flex;
align-items: center;
justify-content: center
}
.page_articlesSection__YCNne {
padding: var(--spacing-xl) 0 var(--spacing-2xl) 0;
background-color: var(--white)
}
.page_articlesHeader__bs6cn {
text-align: center;
margin-bottom: var(--spacing-xl)
}
.page_articlesTitle__e3e5e {
font-size: 2rem;
font-weight: 700;
color: var(--text-dark-blue);
margin-bottom: 0
}
.page_articlesGrid__L0k0l {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--spacing-lg)
}
@media (min-width:769px) {
.page_articlesGrid__L0k0l {
grid-template-columns: repeat(3, 1fr)
}
.page_articlesGrid__L0k0l>:first-child {
grid-column: span 2
}
}
.page_emptyState__YZ9E_ {
text-align: center;
padding: var(--spacing-3xl) 0;
color: var(--gray-600)
}
.page_emptyIcon__Tq5La {
font-size: 4rem;
margin-bottom: var(--spacing-lg);
display: block
}
.page_emptyTitle__l6CEH {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: var(--spacing-md);
color: var(--text-dark-blue)
}
.page_emptyDescription__RVykW {
font-size: 1rem;
max-width: 400px;
margin: 0 auto
}
.page_relatedSection__Jkdnu {
padding: var(--spacing-2xl) 0;
background-color: var(--bg-light-gray)
}
.page_relatedTitle__l_cRW {
font-size: 2rem;
font-weight: 700;
text-align: center;
margin-bottom: var(--spacing-2xl);
color: var(--text-dark-blue)
}
.page_relatedGrid__Ontms {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--spacing-lg)
}
.page_relatedCard__99K1D {
background-color: var(--white);
border-radius: var(--radius-lg);
padding: var(--spacing-xl);
text-decoration: none;
color: inherit;
transition: all var(--transition-normal);
border: 1px solid var(--gray-200);
display: block
}
.page_relatedCard__99K1D:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-green)
}
.page_relatedName__IrJPx {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: var(--spacing-sm);
color: var(--text-dark-blue)
}
.page_relatedCount__EpqI1 {
font-size: .875rem;
color: var(--gray-600);
margin: 0
}
@media (max-width:768px) {
.page_heroSection__qay5l {
padding: var(--spacing-lg) 0;
min-height: 25vh
}
.page_adSection__5Lsjw {
padding: var(--spacing-md) 0
}
.page_adPlaceholder__cy4Eu {
padding: var(--spacing-lg);
min-height: 80px;
font-size: .8rem;
margin: 0 var(--spacing-md)
}
.page_categoryIcon__u545V {
font-size: 3rem
}
.page_categoryTitle__F7lZq {
font-size: 2rem
}
.page_categoryDescription__8mzN4 {
font-size: 1.125rem
}
.page_categoryStats__gdYEX {
flex-direction: column;
gap: var(--spacing-sm)
}
.page_separator__5_HlZ {
display: none
}
.page_articlesSection__YCNne {
padding: var(--spacing-2xl) 0
}
.page_articlesTitle__e3e5e {
font-size: 1.75rem
}
.page_articlesGrid__L0k0l {
grid-template-columns: 1fr
}
.page_relatedSection__Jkdnu {
padding: var(--spacing-2xl) 0
}
.page_relatedTitle__l_cRW {
font-size: 1.75rem
}
.page_relatedGrid__Ontms {
grid-template-columns: 1fr
}
}
@media (max-width:480px) {
.page_heroSection__qay5l {
padding: var(--spacing-md) 0;
min-height: 20vh
}
.page_adPlaceholder__cy4Eu {
padding: var(--spacing-md);
min-height: 60px;
font-size: .75rem;
margin: 0 var(--spacing-sm)
}
.page_categoryTitle__F7lZq {
font-size: 1.75rem
}
.page_categoryDescription__8mzN4 {
font-size: 1rem
}
.page_articlesTitle__e3e5e {
font-size: 1.5rem
}
.page_relatedTitle__l_cRW {
font-size: 1.75rem
}
.page_relatedGrid__Ontms {
grid-template-columns: 1fr
}
}
.page_articlePage__S1D3C {
min-height: 100vh;
background-color: var(--bg-light-gray);
padding: var(--spacing-lg) 0
}
.page_articleLayout__XpwSm {
display: grid;
grid-template-columns: 1fr 340px;
gap: var(--spacing-xl);
align-items: start
}
.page_articleMain__fQxxe {
background-color: var(--white);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-sm);
overflow: hidden
}
.page_articleHeader__GpwWE {
padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-md)
}
.page_articleMeta__kiBjg {
display: flex;
align-items: center;
gap: var(--spacing-md);
margin-bottom: var(--spacing-lg);
font-size: .875rem;
color: var(--gray-600)
}
.page_articleDate___DjUL {
font-weight: 500
}
.page_articleDuration__1HD_G {
padding: var(--spacing-xs) var(--spacing-sm);
background-color: var(--primary-green);
color: var(--white);
border-radius: var(--radius-sm);
font-weight: 600
}
.page_articleTitle__RD1gg {
font-size: 2.2rem;
font-weight: 700;
line-height: 1.2;
color: var(--text-dark-blue);
margin-bottom: 0
}
.page_articleDescription__2VD2N {
font-size: 1.25rem;
line-height: 1.6;
color: var(--gray-600);
margin: 0
}
.page_articleImage__k_LAV {
position: relative;
width: auto;
height: 400px;
overflow: hidden;
margin: 0 var(--spacing-xl);
border-radius: var(--radius-lg)
}
.page_adSection__AS615 {
padding: var(--spacing-md) 0;
margin: 0 var(--spacing-xl);
position: relative
}
.page_adContainer__ZBiUs {
text-align: center
}
.page_adPlaceholder__nwH_G {
background: linear-gradient(135deg, var(--gray-100), var(--gray-200));
border: 2px dashed var(--gray-300);
border-radius: var(--radius-lg);
padding: var(--spacing-lg);
color: var(--gray-600);
font-size: .875rem;
min-height: 100px;
display: flex;
align-items: center;
justify-content: center
}
.page_articleContent__OHGAS {
padding: var(--spacing-lg) var(--spacing-xl);
line-height: 1.8
}
.page_contentHeading__R2z_w {
font-size: 1.75rem;
font-weight: 700;
color: var(--text-dark-blue);
margin: var(--spacing-2xl) 0 var(--spacing-lg);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--primary-green)
}
.page_contentSubheading__pS7IH {
font-size: 1.375rem;
font-weight: 600;
color: var(--text-dark-blue);
margin: var(--spacing-xl) 0 var(--spacing-md)
}
.page_contentParagraph___HpFU {
margin-bottom: var(--spacing-lg);
color: var(--text-dark-blue);
font-size: 1.125rem
}
.page_contentList__yOQcG {
margin: var(--spacing-lg) 0;
padding-left: var(--spacing-xl)
}
.page_contentListItem__VSne3 {
margin-bottom: var(--spacing-sm);
color: var(--text-dark-blue);
font-size: 1.125rem
}
.page_contentListItem__VSne3::marker {
color: var(--primary-green)
}
.page_articleFooter__HFayj {
padding: var(--spacing-2xl);
border-top: 1px solid var(--gray-200);
background-color: var(--gray-100)
}
.page_shareSection__qU0Xx {
margin-bottom: var(--spacing-xl)
}
.page_shareTitle__draA5 {
font-size: 1.125rem;
font-weight: 600;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md)
}
.page_shareButtons__5WcPj {
display: flex;
gap: var(--spacing-sm);
flex-wrap: wrap
}
.page_shareButton__Yr1Ze {
background-color: var(--white);
border: 2px solid var(--gray-300);
border-radius: var(--radius-md);
padding: var(--spacing-sm) var(--spacing-md);
font-size: .875rem;
font-weight: 500;
cursor: pointer;
transition: all var(--transition-fast)
}
.page_shareButton__Yr1Ze:hover {
border-color: var(--primary-green);
background-color: var(--primary-green);
color: var(--white)
}
.page_articleSidebar__9fsVB {
display: flex;
flex-direction: column;
gap: var(--spacing-lg);
position: sticky;
top: calc(70px + var(--spacing-lg));
width: 340px;
max-height: calc(100vh - 70px - var(--spacing-lg) * 2);
overflow: hidden;
z-index: 10;
align-self: flex-start
}
.page_sidebarCard___1knO {
background-color: var(--white);
border-radius: var(--radius-lg);
padding: var(--spacing-lg);
box-shadow: var(--shadow-sm);
display: flex;
flex-direction: column;
min-height: 0;
height: calc(100vh - 120px);
overflow: hidden
}
.page_sidebarTitle__XdT1_ {
font-size: 1.125rem;
font-weight: 700;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--gray-200);
flex-shrink: 0
}
.page_sidebarTitle__XdT1_:not(:first-child) {
margin-top: var(--spacing-xl)
}
.page_newsletterText__a_A_7 {
font-size: .875rem;
color: var(--gray-600);
margin-bottom: var(--spacing-md);
line-height: 1.5
}
.page_newsletterForm___7RPc {
display: flex;
flex-direction: column;
gap: var(--spacing-sm)
}
.page_newsletterInput__GGaR_ {
padding: var(--spacing-sm);
border: 2px solid var(--gray-300);
border-radius: var(--radius-md);
font-size: .875rem;
outline: none;
transition: border-color var(--transition-fast)
}
.page_newsletterInput__GGaR_:focus {
border-color: var(--primary-green)
}
.page_newsletterButton__WoCLG {
background-color: var(--primary-green);
color: var(--white);
border: none;
border-radius: var(--radius-md);
padding: var(--spacing-sm);
font-weight: 600;
font-size: .875rem;
cursor: pointer;
transition: background-color var(--transition-fast)
}
.page_newsletterButton__WoCLG:hover {
background-color: var(--primary-orange)
}
.page_combinedList__cQFyg,
.page_popularList__054q3 {
overflow-y: visible;
flex: none;
min-height: auto;
max-height: none
}
.page_sectionSeparator__VWvkY {
margin: var(--spacing-lg) 0 var(--spacing-md);
padding-top: var(--spacing-md);
border-top: 1px solid var(--gray-200)
}
.page_sectionTitle__ycvlr {
font-size: 1rem;
font-weight: 600;
color: var(--text-dark-blue);
margin: 0;
text-align: center;
opacity: .8
}
.page_popularItem__lyytP {
display: flex;
gap: var(--spacing-sm);
padding: var(--spacing-sm);
border-radius: var(--radius-md);
text-decoration: none;
color: inherit;
transition: background-color var(--transition-fast)
}
.page_popularItem__lyytP:hover {
background-color: var(--gray-100)
}
.page_popularNumber__3VCMS {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background-color: var(--primary-green);
color: var(--white);
border-radius: 50%;
font-size: .75rem;
font-weight: 700;
flex-shrink: 0
}
.page_popularContent__tL3PF {
flex: 1 1
}
.page_popularTitle__siVYr {
font-size: 1rem;
font-weight: 600;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-xs);
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.page_popularMeta__ls5M_ {
display: flex;
align-items: center;
gap: var(--spacing-xs);
flex-wrap: wrap
}
.page_popularCategory__8_KwE {
font-size: .875rem;
color: var(--white);
background-color: var(--primary-green);
padding: 2px var(--spacing-xs);
border-radius: var(--radius-sm);
font-weight: 500
}
.page_popularDuration__2ASS1 {
font-size: .875rem;
color: var(--gray-500)
}
.page_recommendList__r5k8s {
overflow-y: visible;
flex: none;
min-height: auto;
max-height: none
}
.page_recommendItem__UhdKA {
display: flex;
gap: var(--spacing-sm);
padding: var(--spacing-sm);
border-radius: var(--radius-md);
text-decoration: none;
color: inherit;
transition: background-color var(--transition-fast);
min-height: 80px
}
.page_recommendItem__UhdKA:hover {
background-color: var(--gray-100)
}
.page_recommendContent__28JBv {
flex: 1 1;
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 0
}
.page_recommendTitle__kaABi {
font-size: 1rem;
font-weight: 600;
color: var(--text-dark-blue);
line-height: 1.3
}
.page_recommendDescription__LajRa,
.page_recommendTitle__kaABi {
margin-bottom: var(--spacing-xs);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.page_recommendDescription__LajRa {
font-size: .875rem;
color: var(--gray-600);
line-height: 1.4
}
.page_recommendMeta__eOXB5 {
display: flex;
align-items: center;
gap: var(--spacing-xs);
flex-wrap: wrap;
margin-top: auto
}
.page_recommendCategory__U0T0b {
font-size: .8rem;
color: var(--white);
background-color: var(--primary-orange);
padding: 2px var(--spacing-xs);
border-radius: var(--radius-sm);
font-weight: 500
}
.page_recommendDuration__cM8PB {
font-size: .8rem;
color: var(--gray-500)
}
.page_recommendImage__3lIkh {
position: relative;
width: 80px;
height: 80px;
border-radius: var(--radius-md);
overflow: hidden;
flex-shrink: 0;
background-color: var(--gray-200)
}
.page_recommendImage__3lIkh img {
width: 100%;
height: 100%;
object-fit: cover
}
.page_relatedSection__vPE0_ {
margin-top: var(--spacing-xl);
padding: var(--spacing-xl) 0 var(--spacing-2xl) 0;
background-color: var(--white)
}
.page_relatedTitle__Hzwgx {
font-size: 1.7rem;
font-weight: 700;
text-align: center;
margin-bottom: var(--spacing-xl);
color: var(--text-dark-blue)
}
.page_relatedGrid__9Bbve {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--spacing-lg);
max-width: 1200px;
margin: 0 auto
}
@media (max-width:1024px) {
.page_articleLayout__XpwSm {
grid-template-columns: 1fr;
gap: var(--spacing-xl)
}
.page_articleSidebar__9fsVB {
position: static;
order: 3;
width: 100%
}
.page_articleSidebar__9fsVB,
.page_sidebarCard___1knO {
display: flex;
flex-direction: column;
max-height: none;
height: auto;
overflow: visible
}
.page_sidebarContent__ABpG6 {
flex: none;
overflow: visible;
padding-right: 0;
margin-right: 0;
max-height: none
}
.page_popularSection__bxh2i,
.page_recommendSection__enJ5M {
display: flex;
flex-direction: column;
gap: var(--spacing-md)
}
.page_combinedList__cQFyg,
.page_popularList__054q3,
.page_recommendList__r5k8s {
overflow-y: visible;
flex: none;
min-height: auto;
max-height: none
}
.page_relatedSection__vPE0_ {
order: 2
}
.page_articleTitle__RD1gg {
font-size: 2rem
}
.page_popularTitle__siVYr {
font-size: 1.125rem
}
.page_popularCategory__8_KwE,
.page_popularDuration__2ASS1 {
font-size: 1rem
}
.page_recommendTitle__kaABi {
font-size: 1.125rem
}
.page_recommendDescription__LajRa {
font-size: 1rem
}
.page_recommendCategory__U0T0b,
.page_recommendDuration__cM8PB {
font-size: .9rem
}
.page_sidebarContent__ABpG6::-webkit-scrollbar {
display: block
}
}
@media (max-width:768px) {
.page_articlePage__S1D3C {
padding: var(--spacing-md) 0
}
.page_articleHeader__GpwWE {
padding: var(--spacing-md)
}
.page_articleTitle__RD1gg {
font-size: 1.75rem
}
.page_adSection__AS615 {
margin: 0 var(--spacing-md);
padding: var(--spacing-sm) 0
}
.page_adPlaceholder__nwH_G {
padding: var(--spacing-md);
min-height: 80px;
font-size: .8rem
}
.page_articleImage__k_LAV {
height: 250px;
width: auto;
margin: 0 var(--spacing-md)
}
.page_articleContent__OHGAS {
padding: var(--spacing-md)
}
.page_contentHeading__R2z_w {
font-size: 1.5rem
}
.page_contentSubheading__pS7IH {
font-size: 1.25rem
}
.page_contentListItem__VSne3,
.page_contentParagraph___HpFU {
font-size: 1rem
}
.page_articleFooter__HFayj {
padding: var(--spacing-md)
}
.page_relatedGrid__9Bbve {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: var(--spacing-md)
}
.page_articleSidebar__9fsVB {
width: 100%;
position: static
}
.page_articleSidebar__9fsVB,
.page_sidebarCard___1knO,
.page_sidebarContent__ABpG6 {
max-height: none;
height: auto;
overflow: visible
}
.page_sidebarContent__ABpG6 {
flex: none;
padding-right: 0;
margin-right: 0
}
.page_popularTitle__siVYr {
font-size: 1.25rem
}
.page_popularCategory__8_KwE,
.page_popularDuration__2ASS1 {
font-size: 1.125rem
}
.page_recommendTitle__kaABi {
font-size: 1.25rem
}
.page_recommendDescription__LajRa {
font-size: 1.125rem
}
.page_recommendCategory__U0T0b,
.page_recommendDuration__cM8PB {
font-size: 1rem
}
.page_sidebarContent__ABpG6::-webkit-scrollbar {
display: block
}
}
@media (max-width:480px) {
.page_articleTitle__RD1gg {
font-size: 1.5rem
}
.page_articleMeta__kiBjg {
flex-direction: row;
align-items: center;
gap: var(--spacing-sm);
flex-wrap: wrap
}
.page_adSection__AS615 {
margin: 0 var(--spacing-md)
}
.page_adPlaceholder__nwH_G {
padding: var(--spacing-sm);
min-height: 60px;
font-size: .75rem
}
.page_articleImage__k_LAV {
margin: 0 var(--spacing-md);
width: auto
}
.page_popularTitle__siVYr {
font-size: .9rem;
line-height: 1.2
}
.page_popularCategory__8_KwE,
.page_popularDuration__2ASS1 {
font-size: .8rem
}
.page_recommendTitle__kaABi {
font-size: .9rem;
line-height: 1.2
}
.page_recommendDescription__LajRa {
font-size: .8rem
}
.page_recommendCategory__U0T0b,
.page_recommendDuration__cM8PB {
font-size: .75rem
}
.page_recommendImage__3lIkh {
width: 70px;
height: 70px
}
.page_articleLayout__XpwSm {
gap: var(--spacing-md)
}
.page_articleSidebar__9fsVB {
width: 100%;
max-height: none;
height: auto;
overflow: visible;
position: static;
margin-top: var(--spacing-md);
margin-bottom: var(--spacing-md)
}
.page_sidebarCard___1knO {
height: auto;
max-height: none;
overflow: visible;
padding: var(--spacing-md)
}
.page_sidebarContent__ABpG6 {
overflow: visible;
max-height: none;
height: auto;
flex: none
}
.page_popularItem__lyytP,
.page_recommendItem__UhdKA {
padding: 0
}
}
.page_popularSection__bxh2i,
.page_recommendSection__enJ5M {
display: flex;
flex-direction: column;
gap: var(--spacing-md)
}
.page_sidebarContent__ABpG6 {
flex: 1 1;
overflow-y: auto;
padding-right: var(--spacing-xs);
margin-right: calc(-1 * var(--spacing-xs));
scrollbar-width: none;
-ms-overflow-style: none
}
.page_sidebarContent__ABpG6::-webkit-scrollbar {
display: none
}
.ArticleCard_card__ao6Uy {
background-color: var(--white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-sm);
transition: all var(--transition-normal);
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden
}
.ArticleCard_card__ao6Uy:hover {
box-shadow: var(--shadow-lg);
transform: translateY(-4px)
}
.ArticleCard_cardLink__Kmhe6 {
text-decoration: none;
color: inherit;
height: 100%;
display: flex;
flex-direction: column
}
.ArticleCard_imageContainer__IkqGh {
position: relative;
width: 100%;
height: 220px;
aspect-ratio: 16/9;
overflow: hidden
}
.ArticleCard_image__n9Cs4 {
object-fit: cover;
transition: transform var(--transition-slow)
}
.ArticleCard_card__ao6Uy:hover .ArticleCard_image__n9Cs4 {
transform: scale(1.05)
}
.ArticleCard_categoryOverlay__Ice3N {
position: absolute;
top: var(--spacing-md);
left: var(--spacing-md);
z-index: 3;
display: inline-block;
background-color: var(--primary-green);
color: var(--white);
padding: var(--spacing-xs) var(--spacing-xs);
border-radius: var(--radius-sm);
font-size: .7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px;
border: 1px solid #fff3;
box-shadow: 0 2px 4px #0003;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px)
}
.ArticleCard_imageOverlay__otarR {
position: absolute;
top: var(--spacing-md);
right: var(--spacing-md);
z-index: 2
}
.ArticleCard_duration___HpiY {
background-color: #000000b3;
color: var(--white);
padding: var(--spacing-xs) var(--spacing-sm);
border-radius: var(--radius-sm);
font-size: .75rem;
font-weight: 600
}
.ArticleCard_overlayTitle__qybvt {
position: absolute;
bottom: var(--spacing-md);
left: var(--spacing-md);
right: var(--spacing-md);
z-index: 3;
color: #fff;
font-family: var(--font-primary);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
margin: 0;
text-shadow: 0 2px 4px #0000004d;
transition: color var(--transition-fast);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.ArticleCard_content__YntgD {
padding: var(--spacing-lg);
flex: 1 1;
display: flex;
flex-direction: column;
min-height: 0
}
.ArticleCard_title__Hc_j4 {
font-family: var(--font-primary);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-sm);
transition: color var(--transition-fast);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.ArticleCard_card__ao6Uy:hover .ArticleCard_title__Hc_j4 {
color: var(--primary-green)
}
.ArticleCard_description__2y_Ok {
color: var(--gray-600);
line-height: 1.6;
margin-bottom: var(--spacing-md);
flex: 1 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.ArticleCard_meta__oT9KH {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
padding-top: var(--spacing-sm);
border-top: 1px solid var(--gray-200)
}
.ArticleCard_date__C_I6_ {
color: var(--gray-500);
font-size: .875rem;
font-weight: 500
}
.ArticleCard_readMore__GFUKw {
color: var(--primary-green);
font-weight: 600;
font-size: .875rem;
transition: color var(--transition-fast)
}
.ArticleCard_card__ao6Uy:hover .ArticleCard_readMore__GFUKw {
color: var(--primary-orange)
}
.ArticleCard_featured__3sF9N {
grid-column: span 2
}
.ArticleCard_featured__3sF9N .ArticleCard_imageContainer__IkqGh {
height: 220px
}
.ArticleCard_featured__3sF9N .ArticleCard_title__Hc_j4 {
font-size: 1.375rem;
margin-bottom: var(--spacing-sm);
-webkit-line-clamp: 2
}
.ArticleCard_featured__3sF9N .ArticleCard_description__2y_Ok {
font-size: 1rem;
margin-bottom: var(--spacing-sm);
-webkit-line-clamp: 3
}
.ArticleCard_featured__3sF9N .ArticleCard_overlayTitle__qybvt {
-webkit-line-clamp: 3
}
.ArticleCard_featured__3sF9N .ArticleCard_content__YntgD {
padding: var(--spacing-xl)
}
.ArticleCard_compact__kEtwR .ArticleCard_imageContainer__IkqGh {
height: 150px
}
.ArticleCard_compact__kEtwR .ArticleCard_content__YntgD {
padding: var(--spacing-md)
}
.ArticleCard_compact__kEtwR .ArticleCard_title__Hc_j4 {
font-size: 1.125rem;
margin-bottom: var(--spacing-xs);
-webkit-line-clamp: 2
}
.ArticleCard_compact__kEtwR .ArticleCard_description__2y_Ok {
font-size: .875rem;
margin-bottom: var(--spacing-sm);
-webkit-line-clamp: 3
}
.ArticleCard_compact__kEtwR .ArticleCard_meta__oT9KH {
padding-top: var(--spacing-xs)
}
@media (min-width:768px) and (max-width:1024px) {
.ArticleCard_featured__3sF9N .ArticleCard_imageContainer__IkqGh {
height: 220px
}
}
@media (max-width:768px) {
.ArticleCard_featured__3sF9N {
grid-column: span 1
}
.ArticleCard_featured__3sF9N .ArticleCard_imageContainer__IkqGh {
height: 180px
}
.ArticleCard_featured__3sF9N .ArticleCard_title__Hc_j4 {
font-size: 1.25rem;
-webkit-line-clamp: 2
}
.ArticleCard_featured__3sF9N .ArticleCard_description__2y_Ok {
height: 100px;
font-size: .95rem;
-webkit-line-clamp: 4;
flex: unset
}
.ArticleCard_featured__3sF9N .ArticleCard_overlayTitle__qybvt {
-webkit-line-clamp: 2
}
.ArticleCard_featured__3sF9N .ArticleCard_content__YntgD {
padding: var(--spacing-md)
}
.ArticleCard_overlayTitle__qybvt {
font-size: 1.125rem;
bottom: var(--spacing-sm);
left: var(--spacing-sm);
right: var(--spacing-sm);
-webkit-line-clamp: 2
}
.ArticleCard_categoryOverlay__Ice3N {
top: var(--spacing-sm);
left: var(--spacing-sm);
font-size: .7rem;
padding: var(--spacing-xs) var(--spacing-xs)
}
.ArticleCard_imageContainer__IkqGh {
height: 180px
}
.ArticleCard_content__YntgD {
padding: var(--spacing-md)
}
.ArticleCard_title__Hc_j4 {
font-size: 1.125rem;
-webkit-line-clamp: 2
}
.ArticleCard_description__2y_Ok {
-webkit-line-clamp: 3
}
}
@media (max-width:480px) {
.ArticleCard_featured__3sF9N .ArticleCard_imageContainer__IkqGh {
height: 160px
}
.ArticleCard_featured__3sF9N .ArticleCard_title__Hc_j4 {
font-size: 1.125rem;
-webkit-line-clamp: 2
}
.ArticleCard_featured__3sF9N .ArticleCard_description__2y_Ok {
height: 74px;
font-size: .9rem;
-webkit-line-clamp: 3
}
.ArticleCard_featured__3sF9N .ArticleCard_overlayTitle__qybvt {
-webkit-line-clamp: 2
}
.ArticleCard_featured__3sF9N .ArticleCard_content__YntgD {
padding: var(--spacing-sm)
}
.ArticleCard_overlayTitle__qybvt {
font-size: 1rem;
bottom: var(--spacing-xs);
left: var(--spacing-xs);
right: var(--spacing-xs);
-webkit-line-clamp: 2
}
.ArticleCard_categoryOverlay__Ice3N {
top: var(--spacing-md);
left: var(--spacing-md);
font-size: .65rem;
padding: 2px var(--spacing-xs)
}
.ArticleCard_imageContainer__IkqGh {
height: 160px
}
.ArticleCard_content__YntgD {
padding: var(--spacing-sm)
}
.ArticleCard_title__Hc_j4 {
font-size: 1rem;
-webkit-line-clamp: 2
}
.ArticleCard_description__2y_Ok {
font-size: .875rem;
-webkit-line-clamp: 3
}
.ArticleCard_meta__oT9KH {
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: var(--spacing-sm)
}
.ArticleCard_date__C_I6_,
.ArticleCard_readMore__GFUKw {
font-size: .8rem
}
}
@media (max-width:414px) {
.ArticleCard_featured__3sF9N .ArticleCard_imageContainer__IkqGh,
.ArticleCard_imageContainer__IkqGh {
height: 130px
}
.ArticleCard_featured__3sF9N .ArticleCard_overlayTitle__qybvt,
.ArticleCard_overlayTitle__qybvt {
-webkit-line-clamp: 2
}
}
@media (min-width:769px) {
.ArticleCard_featured__3sF9N .ArticleCard_description__2y_Ok {
-webkit-line-clamp: 4;
font-size: 1.1rem;
line-height: 1.8
}
.ArticleCard_card__ao6Uy:not(.ArticleCard_featured__3sF9N) .ArticleCard_description__2y_Ok {
-webkit-line-clamp: 3 !important
}
.ArticleCard_heroContext__mbB_i .ArticleCard_firstCard__j14AP .ArticleCard_imageContainer__IkqGh {
height: 280px
}
.ArticleCard_heroContext__mbB_i .ArticleCard_firstCard__j14AP .ArticleCard_description__2y_Ok {
-webkit-line-clamp: 4;
font-size: 1rem;
line-height: 1.7
}
.ArticleCard_heroContext__mbB_i .ArticleCard_firstCard__j14AP.ArticleCard_featured__3sF9N .ArticleCard_imageContainer__IkqGh {
height: 320px
}
.ArticleCard_heroContext__mbB_i .ArticleCard_firstCard__j14AP.ArticleCard_featured__3sF9N .ArticleCard_description__2y_Ok {
-webkit-line-clamp: 4;
font-size: 1.1rem;
line-height: 1.8
}
.ArticleCard_heroContext__mbB_i .ArticleCard_firstCard__j14AP:not(.ArticleCard_featured__3sF9N) .ArticleCard_imageContainer__IkqGh {
height: 280px
}
.ArticleCard_heroContext__mbB_i .ArticleCard_firstCard__j14AP:not(.ArticleCard_featured__3sF9N) .ArticleCard_description__2y_Ok {
-webkit-line-clamp: 4
}
}
.MarkdownRenderer_markdownContent__Q7wKV {
line-height: 1.6;
color: #333;
max-width: 100%
}
.MarkdownRenderer_markdownContent__Q7wKV h1 {
font-size: 3rem;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 2rem;
text-align: left;
position: relative;
padding-bottom: 1rem
}
.MarkdownRenderer_markdownContent__Q7wKV h1:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 3px;
background: linear-gradient(90deg, #007bff, #28a745);
border-radius: 2px
}
.MarkdownRenderer_markdownContent__Q7wKV h2 {
font-size: 2rem;
font-weight: 600;
margin: 1.8rem 0 1rem;
color: #2c3e50;
border-bottom: 2px solid #e9ecef;
padding-bottom: .3rem
}
.MarkdownRenderer_markdownContent__Q7wKV h3 {
font-size: 1.5rem;
font-weight: 600;
margin: 1.5rem 0 .8rem;
color: #34495e
}
.MarkdownRenderer_markdownContent__Q7wKV h4 {
font-size: 1.25rem;
font-weight: 600;
margin: 1.2rem 0 .6rem;
color: #495057
}
.MarkdownRenderer_markdownContent__Q7wKV h5 {
font-size: 1.1rem;
font-weight: 600;
margin: 1rem 0 .5rem;
color: #6c757d
}
.MarkdownRenderer_markdownContent__Q7wKV h6 {
font-size: 1rem;
font-weight: 600;
margin: .8rem 0 .4rem;
color: #6c757d
}
.MarkdownRenderer_markdownContent__Q7wKV p {
margin: 1rem 0;
font-size: 1rem;
line-height: 1.7
}
.MarkdownRenderer_markdownContent__Q7wKV ol,
.MarkdownRenderer_markdownContent__Q7wKV ul {
margin: 1rem 0;
padding-left: 2rem
}
.MarkdownRenderer_markdownContent__Q7wKV li {
margin: .5rem 0;
line-height: 1.6
}
.MarkdownRenderer_markdownContent__Q7wKV ul li {
list-style-type: disc
}
.MarkdownRenderer_markdownContent__Q7wKV ol li {
list-style-type: decimal
}
.MarkdownRenderer_markdownContent__Q7wKV blockquote {
margin: 1.5rem 0;
padding: 1rem 1.5rem;
border-left: 4px solid #007bff;
background-color: #f8f9fa;
font-style: italic;
color: #495057
}
.MarkdownRenderer_markdownContent__Q7wKV code {
background-color: #f8f9fa;
padding: .2rem .4rem;
border-radius: 3px;
font-family: Courier New, monospace;
font-size: .9rem;
color: #e83e8c
}
.MarkdownRenderer_markdownContent__Q7wKV pre {
background-color: #f8f9fa;
padding: 1rem;
border-radius: 5px;
overflow-x: auto;
margin: 1rem 0;
border: 1px solid #e9ecef
}
.MarkdownRenderer_markdownContent__Q7wKV pre code {
background-color: initial;
padding: 0;
color: #333
}
.MarkdownRenderer_markdownContent__Q7wKV a {
color: #007bff;
text-decoration: none;
border-bottom: 1px solid #0000;
transition: all .3s ease
}
.MarkdownRenderer_markdownContent__Q7wKV a:hover {
color: #0056b3;
border-bottom-color: #0056b3
}
.MarkdownRenderer_markdownContent__Q7wKV table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
border: 1px solid #dee2e6
}
.MarkdownRenderer_markdownContent__Q7wKV td,
.MarkdownRenderer_markdownContent__Q7wKV th {
padding: .75rem;
text-align: left;
border-bottom: 1px solid #dee2e6
}
.MarkdownRenderer_markdownContent__Q7wKV th {
background-color: #f8f9fa;
font-weight: 600;
color: #495057
}
.MarkdownRenderer_markdownContent__Q7wKV hr {
margin: 2rem 0;
border: none;
border-top: 2px solid #e9ecef
}
.MarkdownRenderer_markdownContent__Q7wKV strong {
font-weight: 600;
color: #2c3e50
}
.MarkdownRenderer_markdownContent__Q7wKV em {
font-style: italic;
color: #6c757d
}
@media (max-width:768px) {
.MarkdownRenderer_markdownContent__Q7wKV h1 {
font-size: 2.2rem;
margin-bottom: 1.5rem
}
.MarkdownRenderer_markdownContent__Q7wKV h1:after {
width: 60px;
height: 2px
}
.MarkdownRenderer_markdownContent__Q7wKV h2 {
font-size: 1.5rem
}
.MarkdownRenderer_markdownContent__Q7wKV h3 {
font-size: 1.25rem
}
.MarkdownRenderer_markdownContent__Q7wKV ol,
.MarkdownRenderer_markdownContent__Q7wKV ul {
padding-left: 1.5rem
}
.MarkdownRenderer_markdownContent__Q7wKV blockquote {
padding: .8rem 1rem;
margin: 1rem 0
}
.MarkdownRenderer_markdownContent__Q7wKV pre {
padding: .8rem
}
}
@media (max-width:480px) {
.MarkdownRenderer_markdownContent__Q7wKV h1 {
font-size: 1.8rem;
margin-bottom: 1rem
}
}
.BackToTop_backToTop__TPw1U {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 1000;
opacity: 1;
transform: translateY(0);
transition: all var(--transition-normal)
}
.BackToTop_backButton__rOhSD {
width: 46px;
height: 46px;
background: var(--primary-green);
color: var(--white);
border: none;
border-radius: 50%;
font-size: 1.25rem;
cursor: pointer;
transition: all var(--transition-normal);
box-shadow: var(--shadow-lg);
display: flex;
align-items: center;
justify-content: center;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.BackToTop_backButton__rOhSD:hover {
background: var(--primary-green);
transform: translateY(-4px);
box-shadow: 0 12px 30px #4ab19d66
}
@media (max-width:768px) {
.BackToTop_backToTop__TPw1U {
bottom: 1.5rem;
right: 1.5rem
}
.BackToTop_backButton__rOhSD {
width: 40px;
height: 40px;
font-size: 1.125rem
}
}
.HeroBanner_heroBanner__pdZcP {
background: linear-gradient(135deg, var(--primary-green) 0, var(--primary-orange) 100%);
color: var(--white);
position: relative;
overflow: hidden;
min-height: 400px;
box-shadow: 0 4px 20px #0000001a
}
.HeroBanner_emptyState__UodFC {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 400px;
text-align: center;
position: relative;
z-index: 2
}
.HeroBanner_emptyState__UodFC h2 {
font-size: 2rem;
margin-bottom: var(--spacing-md);
color: var(--white)
}
.HeroBanner_emptyState__UodFC p {
font-size: 1.1rem;
color: #fffc
}
.HeroBanner_sr-only__ZB8iX {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.HeroBanner_heroBanner__pdZcP:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
opacity: .3;
z-index: 0
}
.HeroBanner_heroBanner__pdZcP:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: url('data:image/svg+xml,') no-repeat;
background-size: cover;
z-index: 1
}
.HeroBanner_bannerContainer___MrS_ {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
padding: var(--spacing-xl) 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center
}
.HeroBanner_sliderWrapper__giEoX {
position: relative;
overflow: hidden;
border-radius: var(--radius-lg);
touch-action: pan-y pinch-zoom;
-webkit-overflow-scrolling: touch
}
.HeroBanner_slider__p5GPy {
display: flex;
transition: transform .5s cubic-bezier(.4, 0, .2, 1);
will-change: transform;
touch-action: pan-y pinch-zoom
}
.HeroBanner_slider__p5GPy.HeroBanner_swipeActive__DsBQ3 {
transition: transform .2s ease-out
}
.HeroBanner_slide__q_PEh {
min-width: 100%;
display: flex;
align-items: center
}
.HeroBanner_slideContent__K_Ku0 {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: var(--spacing-2xl);
align-items: center;
width: 100%;
max-width: 1040px;
margin: 0 auto
}
.HeroBanner_slideText__2awkq {
max-width: 600px
}
.HeroBanner_slideTitle__ehfII {
font-size: 2.25rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: var(--spacing-md);
color: var(--white);
text-shadow: 0 2px 4px #0000001a;
-webkit-line-clamp: 2
}
.HeroBanner_slideDescription__5gBwK,
.HeroBanner_slideTitle__ehfII {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.HeroBanner_slideDescription__5gBwK {
font-size: 1.125rem;
line-height: 1.6;
color: #ffffffe6;
-webkit-line-clamp: 3
}
.HeroBanner_slideMeta__SX9XC {
display: flex;
gap: var(--spacing-md);
align-items: center;
color: #fffc;
font-size: .875rem
}
.HeroBanner_slideDuration__VoSAg {
background: #fff3;
padding: var(--spacing-xs) var(--spacing-sm);
border-radius: var(--radius-sm);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px)
}
.HeroBanner_slideDate__uYicY {
opacity: .8
}
.HeroBanner_slideImage__HI1P5 {
box-shadow: 0 8px 32px #0003
}
.HeroBanner_imageLink__1IrC_,
.HeroBanner_slideImage__HI1P5 {
position: relative;
min-height: 300px;
width: 100%;
aspect-ratio: 16/10;
border-radius: var(--radius-lg);
overflow: hidden
}
.HeroBanner_imageLink__1IrC_ {
display: block;
height: 100%;
transition: transform var(--transition-normal);
cursor: pointer
}
.HeroBanner_imageLink__1IrC_:hover {
transform: scale(1.02)
}
.HeroBanner_bannerImage__QBFiF {
object-fit: cover;
transition: transform var(--transition-slow)
}
.HeroBanner_imageLink__1IrC_:hover .HeroBanner_bannerImage__QBFiF {
transform: scale(1.05)
}
.HeroBanner_navButton__14hqh {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ffffff4d;
border: 1px solid #fff6;
border-radius: 50%;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all var(--transition-normal);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 10;
color: #000000b3;
box-shadow: 0 2px 8px #0000001a
}
.HeroBanner_navButton__14hqh:hover {
background: #ffffff59;
border-color: #ffffff73;
color: #000c;
transform: translateY(-50%) scale(1.1);
box-shadow: 0 4px 15px #00000026
}
.HeroBanner_navButton__14hqh:active {
background: #fff3;
transform: translateY(-50%) scale(.95)
}
.HeroBanner_navButton__14hqh:focus-visible {
outline: 2px solid #fffc;
outline-offset: 2px
}
.HeroBanner_navButton__14hqh svg {
opacity: .7
}
.HeroBanner_prevButton__0hZ6O {
left: var(--spacing-sm)
}
.HeroBanner_nextButton__mCzid {
right: var(--spacing-sm)
}
.HeroBanner_indicators__R0HM3 {
display: flex;
justify-content: center;
gap: var(--spacing-sm);
position: relative;
top: 10px;
z-index: 10
}
.HeroBanner_indicator__lWM9W {
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid #ffffff80;
background: #0000;
cursor: pointer;
transition: all var(--transition-fast)
}
.HeroBanner_indicator__lWM9W:hover {
border-color: #fffc;
transform: scale(1.2)
}
.HeroBanner_indicator__lWM9W.HeroBanner_active__RO3lI {
background: var(--white);
border-color: var(--white);
transform: scale(1.3)
}
@media (max-width:1024px) {
.HeroBanner_slideContent__K_Ku0 {
grid-template-columns: 1.2fr 1fr;
gap: var(--spacing-xl)
}
.HeroBanner_slideTitle__ehfII {
font-size: 1.8rem
}
.HeroBanner_slideDescription__5gBwK {
font-size: 1rem
}
.HeroBanner_navButton__14hqh {
width: 44px;
height: 44px
}
.HeroBanner_imageLink__1IrC_ {
width: 100%
}
}
@media (max-width:768px) {
.HeroBanner_heroBanner__pdZcP {
min-height: 400px
}
.HeroBanner_bannerContainer___MrS_ {
padding: var(--spacing-lg) var(--spacing-sm)
}
.HeroBanner_sliderWrapper__giEoX {
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain
}
.HeroBanner_slideContent__K_Ku0 {
grid-template-columns: 1fr;
text-align: center;
gap: var(--spacing-md)
}
.HeroBanner_slideText__2awkq {
order: 2
}
.HeroBanner_slideImage__HI1P5 {
order: 1;
min-height: 250px;
max-width: 420px;
margin: 0 auto;
width: 100%;
position: relative;
aspect-ratio: 4/3
}
.HeroBanner_slideImageTitle__Qtq2r {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(#0000, #000c);
color: var(--white);
padding: var(--spacing-lg) var(--spacing-md) var(--spacing-md);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 2px 4px #00000080;
z-index: 4
}
.HeroBanner_slideImageMeta__fnKPf {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
display: flex;
justify-content: space-between;
padding: var(--spacing-sm);
pointer-events: none
}
.HeroBanner_slideImageDate__GKRTW,
.HeroBanner_slideImageDuration__grZsI {
display: block;
background: #0006;
color: #ffffffd9;
padding: 4px 8px;
border-radius: var(--radius-sm);
font-size: .75rem;
font-weight: 400;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
box-shadow: 0 1px 4px #00000026;
white-space: nowrap;
opacity: .8
}
.HeroBanner_slideTitle__ehfII {
display: none
}
.HeroBanner_slideDescription__5gBwK {
font-size: .95rem;
margin-bottom: var(--spacing-sm);
-webkit-line-clamp: 2
}
.HeroBanner_slideMeta__SX9XC {
display: none
}
.HeroBanner_navButton__14hqh {
width: 40px;
height: 40px;
background: #ffffff40;
border: 1px solid #ffffff59;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #000000b3
}
.HeroBanner_navButton__14hqh:hover {
background: #fff6;
border-color: #ffffff80;
color: #000c
}
.HeroBanner_navButton__14hqh:active {
background: #ffffff40;
transform: translateY(-50%) scale(.95)
}
.HeroBanner_navButton__14hqh:focus-visible {
outline: 2px solid #fffc;
outline-offset: 2px
}
.HeroBanner_prevButton__0hZ6O {
left: var(--spacing-xs)
}
.HeroBanner_nextButton__mCzid {
right: var(--spacing-xs)
}
.HeroBanner_indicator__lWM9W {
width: 10px;
height: 10px
}
.HeroBanner_imageLink__1IrC_ {
min-height: 250px;
width: 100%;
max-width: 420px;
aspect-ratio: 4/3
}
.HeroBanner_imageLink__1IrC_:hover {
transform: scale(1.01)
}
.HeroBanner_imageLink__1IrC_:hover .HeroBanner_bannerImage__QBFiF {
transform: scale(1.03)
}
}
@media (max-width:480px) {
.HeroBanner_heroBanner__pdZcP {
min-height: 300px
}
.HeroBanner_bannerContainer___MrS_ {
padding: 0 0 30px
}
.HeroBanner_slide__q_PEh {
padding: var(--spacing-md) var(--spacing-md) 0 var(--spacing-md)
}
.HeroBanner_slideTitle__ehfII {
display: none
}
.HeroBanner_slideDescription__5gBwK {
font-size: .875rem;
-webkit-line-clamp: 2
}
.HeroBanner_slideImage__HI1P5 {
min-height: 200px;
width: 100%;
position: relative;
aspect-ratio: 4/3
}
.HeroBanner_slideImageTitle__Qtq2r {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: 0;
background: linear-gradient(#0000, #000c);
color: var(--white);
padding: var(--spacing-md) var(--spacing-lg) var(--spacing-sm);
font-size: 1.1rem;
font-weight: 700;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: 0 2px 4px #00000080;
z-index: 4
}
.HeroBanner_slideImageMeta__fnKPf {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
display: flex;
justify-content: space-between;
padding: var(--spacing-xs);
pointer-events: none
}
.HeroBanner_slideImageDate__GKRTW,
.HeroBanner_slideImageDuration__grZsI {
display: block;
background: #0006;
color: #ffffffd9;
padding: 4px 8px;
border-radius: var(--radius-sm);
font-size: .75rem;
font-weight: 400;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
box-shadow: 0 1px 4px #00000026;
white-space: nowrap;
opacity: .8
}
.HeroBanner_slideMeta__SX9XC {
display: none
}
.HeroBanner_navButton__14hqh {
width: 36px;
height: 36px;
background: #fff3;
border: 1px solid #ffffff4d;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
color: #000000b3
}
.HeroBanner_navButton__14hqh:hover {
background: #ffffff59;
border-color: #ffffff73;
color: #000c
}
.HeroBanner_navButton__14hqh:active {
background: #fff3;
transform: translateY(-50%) scale(.95)
}
.HeroBanner_navButton__14hqh:focus-visible {
outline: 2px solid #fffc;
outline-offset: 2px
}
.HeroBanner_navButton__14hqh svg {
width: 18px;
height: 18px
}
.HeroBanner_imageLink__1IrC_ {
min-height: 200px;
width: 100%
}
.HeroBanner_imageLink__1IrC_:hover,
.HeroBanner_imageLink__1IrC_:hover .HeroBanner_bannerImage__QBFiF {
transform: none
}
}
.HeroBanner_slider__p5GPy {
contain: layout
}
.HeroBanner_slide__q_PEh {
contain: layout style
}
@media (prefers-reduced-motion:reduce) {
.HeroBanner_indicator__lWM9W,
.HeroBanner_navButton__14hqh,
.HeroBanner_slider__p5GPy {
transition: none
}
}
@media (min-width:769px) {
.HeroBanner_slideImageDate__GKRTW,
.HeroBanner_slideImageDuration__grZsI,
.HeroBanner_slideImageMeta__fnKPf,
.HeroBanner_slideImageTitle__Qtq2r {
display: none
}
}
.page_homePage__gmrHv {
min-height: 100vh
}
.page_sectionHeader__a4Fw5 {
text-align: center;
margin-bottom: var(--spacing-lg)
}
.page_sectionTitleRow___Sr21 {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--spacing-sm);
position: relative
}
.page_sectionTitle__hzsAh {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0;
color: var(--text-dark-blue);
text-align: center
}
.page_sectionSubtitle__ROo6Q {
font-size: 1rem;
color: var(--gray-600);
max-width: 600px;
margin: 0 auto
}
.page_trendingSection__1yoXI {
padding: var(--spacing-lg) 0;
background-color: var(--white)
}
.page_trendingGrid__ntwmV {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--spacing-lg)
}
@media (min-width:769px) {
.page_trendingGrid__ntwmV {
grid-template-columns: repeat(3, 1fr)
}
.page_trendingGrid__ntwmV>:first-child {
grid-column: span 2
}
}
.page_categorySection__doEUb,
.page_familySection__1CngZ,
.page_motivationSection__PciZU,
.page_strengthSection__XWVrX {
padding: var(--spacing-lg) 0
}
.page_categorySection__doEUb {
background-color: var(--bg-light-gray)
}
.page_familySection__1CngZ {
background-color: var(--white)
}
.page_strengthSection__XWVrX {
background-color: var(--bg-light-gray)
}
.page_motivationSection__PciZU {
background-color: var(--white)
}
.page_categoryGrid__ZvvZ5,
.page_familyGrid__wQS4c,
.page_motivationGrid__23r3Q,
.page_strengthGrid__BLhmZ {
display: grid;
gap: var(--spacing-2xl)
}
.page_categoryBlock__YiDX9 {
background-color: var(--white);
border-radius: var(--radius-xl);
padding: var(--spacing-xl);
box-shadow: var(--shadow-md);
border-top: 1px solid var(--gray-100)
}
.page_categoryArticles__W2ABc {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: var(--spacing-lg)
}
.page_viewAllButton__tBFzQ {
display: inline-flex;
align-items: center;
gap: var(--spacing-xs);
background: linear-gradient(135deg, var(--primary-green), var(--primary-orange));
color: var(--white);
text-decoration: none;
font-weight: 600;
font-size: .9rem;
padding: var(--spacing-sm) var(--spacing-lg);
border-radius: var(--radius-full);
transition: all var(--transition-normal);
box-shadow: 0 2px 8px #4ab19d33;
margin-top: var(--spacing-md);
position: relative;
overflow: hidden
}
.page_viewAllButton__tBFzQ:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #0000, #fff3, #0000);
transition: left var(--transition-normal)
}
.page_viewAllButton__tBFzQ:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px #4ab19d4d;
background: linear-gradient(135deg, var(--primary-orange), var(--primary-green))
}
.page_viewAllButton__tBFzQ:hover:before {
left: 100%
}
.page_viewAllButton__tBFzQ:active {
transform: translateY(0);
box-shadow: 0 2px 8px #4ab19d33
}
@media (min-width:768px) and (max-width:1024px) {
.page_categoryArticles__W2ABc {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}
.page_sectionHeader__a4Fw5 {
margin-bottom: var(--spacing-md)
}
.page_trendingSection__1yoXI {
padding: var(--spacing-md) 0
}
.page_categoryBlock__YiDX9 {
padding: 15px !important
}
}
@media (max-width:768px) {
.page_sectionTitle__hzsAh {
font-size: 1.25rem
}
.page_sectionSubtitle__ROo6Q {
font-size: 1rem
}
.page_sectionTitleRow___Sr21 {
flex-direction: column;
align-items: center;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-md)
}
.page_categorySection__doEUb,
.page_familySection__1CngZ,
.page_motivationSection__PciZU,
.page_strengthSection__XWVrX {
padding: var(--spacing-md) 0
}
.page_sectionHeader__a4Fw5 {
margin-bottom: var(--spacing-sm)
}
.page_trendingSection__1yoXI {
padding: var(--spacing-sm) 0
}
.page_categoryBlock__YiDX9 {
padding: 15px !important
}
.page_categoryArticles__W2ABc,
.page_trendingGrid__ntwmV {
grid-template-columns: 1fr
}
.page_viewAllButton__tBFzQ {
font-size: .85rem;
padding: var(--spacing-xs) var(--spacing-md);
margin-top: var(--spacing-sm);
border-radius: var(--radius-lg);
box-shadow: 0 1px 4px #4ab19d26
}
.page_viewAllButton__tBFzQ:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px #4ab19d40
}
}
@media (max-width:480px) {
.page_sectionTitle__hzsAh {
font-size: 1.125rem
}
.page_sectionSubtitle__ROo6Q {
font-size: .9rem
}
.page_sectionTitleRow___Sr21 {
flex-direction: column;
align-items: center;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-md)
}
.page_viewAllButton__tBFzQ {
font-size: .85rem;
padding: var(--spacing-xs) var(--spacing-md);
margin-top: var(--spacing-sm);
border-radius: var(--radius-lg);
box-shadow: 0 1px 4px #4ab19d26
}
.page_viewAllButton__tBFzQ:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px #4ab19d40
}
}
.SearchSuggestions_suggestionTags__iLLrX {
display: flex;
gap: .5rem;
flex-wrap: wrap;
justify-content: center
}
.SearchSuggestions_suggestionTag__M9D70 {
padding: .5rem 1rem;
background: var(--color-primary-light, #e0f2fe);
color: var(--color-primary, #0369a1);
border: 2px solid var(--color-primary, #0369a1);
border-radius: 20px;
font-size: .9rem;
cursor: pointer;
transition: all .3s ease;
text-decoration: none;
display: inline-block
}
.SearchSuggestions_suggestionTag__M9D70:hover {
background: var(--color-primary, #0369a1);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 8px #0000001a
}
.SearchSuggestions_suggestionTag__M9D70:active {
transform: translateY(0)
}
@media (max-width:768px) {
.SearchSuggestions_suggestionTags__iLLrX {
gap: .25rem
}
.SearchSuggestions_suggestionTag__M9D70 {
padding: .4rem .8rem;
font-size: .8rem
}
}
.page_searchPage__pynP3 {
min-height: 100vh
}
.page_searchHeader__uMwKg {
background: linear-gradient(135deg, var(--primary-green) 0, var(--primary-orange) 100%);
color: var(--white);
padding: var(--spacing-2xl) 0;
text-align: center
}
.page_searchInfo__an1hY {
max-width: 800px;
margin: 0 auto
}
.page_searchTitle__F2jBM {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: var(--spacing-md);
color: var(--white)
}
.page_searchMeta__Cw_4U {
font-size: 1.125rem;
color: #ffffffe6;
margin: 0
}
.page_highlight__Mmdoq {
background-color: var(--accent-yellow);
color: var(--text-dark-blue);
padding: 0 var(--spacing-xs);
border-radius: var(--radius-sm);
font-weight: 600
}
.page_resultsSection__FmVeT {
padding: var(--spacing-2xl) 0;
background-color: var(--bg-light-gray);
min-height: 400px
}
.page_resultsGrid__c6AKR {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: var(--spacing-lg)
}
@media (min-width:769px) {
.page_resultsGrid__c6AKR {
grid-template-columns: repeat(3, 1fr)
}
.page_resultsGrid__c6AKR>:first-child {
grid-column: span 2
}
}
.page_loadingState__iOTWu {
text-align: center;
padding: var(--spacing-3xl) 0
}
.page_loadingSpinner__KTGrS {
width: 40px;
height: 40px;
border-top: 4px solid var(--gray-200);
border: 4px solid var(--gray-200);
border-top-color: var(--primary-green);
border-radius: 50%;
animation: page_spin__eEcEF 1s linear infinite;
margin: 0 auto var(--spacing-lg)
}
@keyframes page_spin__eEcEF {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.page_noResults__QXifK {
text-align: center;
padding: var(--spacing-3xl) var(--spacing-lg);
background-color: var(--white);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-sm);
max-width: 600px;
margin: 0 auto
}
.page_noResultsIcon__In3Hz {
font-size: 4rem;
display: block;
margin-bottom: var(--spacing-lg);
opacity: .6
}
.page_noResultsTitle__t_MwF {
font-size: 1.75rem;
font-weight: 700;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md)
}
.page_noResultsDescription__RBzLm {
color: var(--gray-600);
font-size: 1.125rem;
margin-bottom: var(--spacing-xl);
line-height: 1.6
}
.page_suggestions__I2yMq {
margin-top: var(--spacing-xl)
}
.page_suggestionsTitle__CT1Uo {
font-size: 1.125rem;
font-weight: 600;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md)
}
.page_suggestionTags__wUrC9 {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-sm);
justify-content: center
}
.page_suggestionTag__BFX9A {
background-color: var(--primary-green);
color: var(--white);
border: none;
padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--radius-md);
font-size: .875rem;
font-weight: 500;
cursor: pointer;
transition: all var(--transition-fast)
}
.page_suggestionTag__BFX9A:hover {
background-color: var(--primary-orange);
transform: translateY(-1px);
box-shadow: var(--shadow-sm)
}
.page_emptySearch__2FOWE {
text-align: center;
padding: var(--spacing-3xl) var(--spacing-lg);
background-color: var(--white);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-sm);
max-width: 600px;
margin: 0 auto
}
.page_emptyIcon__5Zz_x {
font-size: 4rem;
display: block;
margin-bottom: var(--spacing-lg)
}
.page_emptyTitle__VBQui {
font-size: 1.75rem;
font-weight: 700;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md)
}
.page_emptyDescription__UpoUS {
color: var(--gray-600);
font-size: 1.125rem;
margin-bottom: var(--spacing-xl);
line-height: 1.6
}
.page_popularSearches__TJu6e {
margin-top: var(--spacing-xl)
}
.page_popularTitle__D80Nw {
font-size: 1.125rem;
font-weight: 600;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-md)
}
.page_popularTags__OX6hp {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-sm);
justify-content: center
}
.page_popularTag__LOiRz {
background-color: var(--gray-100);
color: var(--text-dark-blue);
padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--radius-md);
font-size: .875rem;
font-weight: 500;
border: 1px solid var(--gray-200);
cursor: pointer;
transition: all var(--transition-fast)
}
.page_popularTag__LOiRz:hover {
background-color: var(--primary-green);
color: var(--white);
border-color: var(--primary-green);
transform: translateY(-1px);
box-shadow: var(--shadow-sm)
}
.page_categoriesSection___GIz9 {
padding: var(--spacing-3xl) 0;
background-color: var(--white)
}
.page_categoriesTitle__V_u_d {
font-size: 2rem;
font-weight: 700;
text-align: center;
margin-bottom: var(--spacing-2xl);
color: var(--text-dark-blue)
}
.page_categoriesGrid__Qi3P9 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--spacing-lg)
}
.page_categoryCard__FMcQm {
background-color: var(--bg-light-gray);
border-radius: var(--radius-lg);
padding: var(--spacing-xl);
text-align: center;
text-decoration: none;
color: inherit;
transition: all var(--transition-normal);
border: 2px solid #0000
}
.page_categoryCard__FMcQm:hover {
background-color: var(--white);
border-color: var(--primary-green);
transform: translateY(-4px);
box-shadow: var(--shadow-lg)
}
.page_categoryIcon__XMJAE {
font-size: 2.5rem;
display: block;
margin-bottom: var(--spacing-md)
}
.page_categoryName__CjkHe {
font-size: 1.125rem;
font-weight: 600;
color: var(--text-dark-blue);
margin-bottom: var(--spacing-sm);
transition: color var(--transition-fast)
}
.page_categoryCard__FMcQm:hover .page_categoryName__CjkHe {
color: var(--primary-green)
}
.page_categoryCount__1x01k {
color: var(--gray-600);
font-size: .875rem;
margin: 0
}
@media (max-width:768px) {
.page_searchHeader__uMwKg {
padding: var(--spacing-xl) 0
}
.page_searchTitle__F2jBM {
font-size: 2rem
}
.page_searchMeta__Cw_4U {
font-size: 1rem
}
.page_resultsSection__FmVeT {
padding: var(--spacing-2xl) 0
}
.page_resultsGrid__c6AKR {
grid-template-columns: 1fr
}
.page_emptySearch__2FOWE,
.page_noResults__QXifK {
padding: var(--spacing-2xl) var(--spacing-md)
}
.page_emptyTitle__VBQui,
.page_noResultsTitle__t_MwF {
font-size: 1.5rem
}
.page_emptyDescription__UpoUS,
.page_noResultsDescription__RBzLm {
font-size: 1rem
}
.page_categoriesGrid__Qi3P9 {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}
.page_categoryCard__FMcQm {
padding: var(--spacing-lg)
}
}
@media (max-width:480px) {
.page_searchTitle__F2jBM {
font-size: 1.75rem
}
.page_emptyIcon__5Zz_x,
.page_noResultsIcon__In3Hz {
font-size: 3rem
}
.page_popularTags__OX6hp,
.page_suggestionTags__wUrC9 {
flex-direction: column;
align-items: center
}
.page_popularTag__LOiRz,
.page_suggestionTag__BFX9A {
width: 100%;
max-width: 200px
}
.page_categoriesGrid__Qi3P9 {
grid-template-columns: 1fr
}
}
.ArticleInteractions_shareSection__I_T_z {
margin-bottom: 2rem
}
.ArticleInteractions_shareTitle__YQbNk {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 1rem;
color: var(--color-text-primary)
}
.ArticleInteractions_shareButtons__bEWgL {
display: flex;
gap: .75rem;
flex-wrap: wrap
}
.ArticleInteractions_shareButton__7C3Qf {
padding: .5rem 1rem;
border: 2px solid var(--color-border);
border-radius: 8px;
background: var(--color-background);
color: var(--color-text-primary);
font-size: .9rem;
cursor: pointer;
transition: all .3s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: .5rem
}
.ArticleInteractions_shareButton__7C3Qf:hover {
border-color: var(--color-primary);
background: var(--color-primary-light);
transform: translateY(-2px)
}
.ArticleInteractions_backToTop__6_pY4 {
position: fixed;
bottom: 2rem;
right: 2rem;
z-index: 1000;
opacity: 1;
transform: translateY(0);
transition: all var(--transition-normal)
}
.ArticleInteractions_backButton__AVKcT {
width: 46px;
height: 46px;
background: var(--primary-green);
color: var(--white);
border: none;
border-radius: 50%;
font-size: 1.25rem;
cursor: pointer;
transition: all var(--transition-normal);
box-shadow: var(--shadow-lg);
display: flex;
align-items: center;
justify-content: center;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.ArticleInteractions_backButton__AVKcT:hover {
background: var(--primary-green);
transform: translateY(-4px);
box-shadow: 0 12px 30px #4ab19d66
}
.ArticleInteractions_newsletterSection__RK_jw {
margin-top: 1rem
}
.ArticleInteractions_newsletterForm__zBqDC {
display: flex;
gap: .5rem;
margin-bottom: .5rem
}
.ArticleInteractions_newsletterInput__vOIZT {
flex: 1 1;
padding: .75rem;
border: 2px solid var(--color-border);
border-radius: 8px;
font-size: 1rem;
transition: border-color .3s ease
}
.ArticleInteractions_newsletterInput__vOIZT:focus {
outline: none;
border-color: var(--color-primary)
}
.ArticleInteractions_newsletterInput__vOIZT:disabled {
opacity: .6;
cursor: not-allowed
}
.ArticleInteractions_newsletterButton__SnOaN {
padding: .75rem 1.5rem;
background: var(--color-accent);
color: #fff;
border: none;
border-radius: 8px;
font-size: 1rem;
cursor: pointer;
transition: all .3s ease;
white-space: nowrap
}
.ArticleInteractions_newsletterButton__SnOaN:hover:not(:disabled) {
background: var(--color-accent-dark);
transform: translateY(-2px)
}
.ArticleInteractions_newsletterButton__SnOaN:disabled {
opacity: .6;
cursor: not-allowed;
transform: none
}
.ArticleInteractions_message__mygt7 {
font-size: .9rem;
margin: 0;
padding: .5rem;
border-radius: 4px;
text-align: center
}
.ArticleInteractions_success__s4dTZ {
color: var(--color-success, #22c55e);
background-color: var(--color-success-bg, #dcfce7)
}
.ArticleInteractions_error___Jgoo {
color: var(--color-error, #ef4444);
background-color: var(--color-error-bg, #fef2f2)
}
@media (max-width:768px) {
.ArticleInteractions_shareButtons__bEWgL {
justify-content: center
}
.ArticleInteractions_shareButton__7C3Qf {
flex: 1 1;
min-width: 120px;
justify-content: center
}
.ArticleInteractions_newsletterForm__zBqDC {
flex-direction: column
}
.ArticleInteractions_backToTop__6_pY4 {
bottom: 1.5rem;
right: 1.5rem
}
.ArticleInteractions_backButton__AVKcT {
width: 40px;
height: 40px;
font-size: 1.125rem
}
}
.Newsletter_ctaForm__Mz_Ah {
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 400px;
margin: 0 auto
}
.Newsletter_form__h7HOS {
display: flex;
gap: .5rem;
flex-wrap: wrap
}
.Newsletter_ctaInput__0hXTW {
flex: 1 1;
min-width: 200px;
padding: .75rem 1rem;
border: 2px solid var(--color-border);
border-radius: 8px;
font-size: 1rem;
transition: border-color .3s ease
}
.Newsletter_ctaInput__0hXTW:focus {
outline: none;
border-color: var(--color-primary)
}
.Newsletter_ctaInput__0hXTW:disabled {
opacity: .6;
cursor: not-allowed
}
.Newsletter_message__didcZ {
text-align: center;
font-size: .9rem;
margin: 0;
padding: .5rem;
border-radius: 4px
}
.Newsletter_success__TYpaY {
color: var(--color-success, #22c55e);
background-color: var(--color-success-bg, #dcfce7)
}
.Newsletter_error__1OCi7 {
color: var(--color-error, #ef4444);
background-color: var(--color-error-bg, #fef2f2)
}
.Newsletter_submitButton__KXnlm {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--spacing-sm) var(--spacing-lg);
border: none;
border-radius: var(--radius-md);
font-family: var(--font-primary);
font-weight: 600;
font-size: .875rem;
text-decoration: none;
cursor: pointer;
transition: all var(--transition-fast);
white-space: nowrap;
background-color: var(--accent-yellow);
color: var(--text-dark-blue)
}
.Newsletter_submitButton__KXnlm:hover:not(:disabled) {
background-color: var(--primary-orange);
color: var(--white)
}
.Newsletter_submitButton__KXnlm:disabled {
opacity: .6;
cursor: not-allowed
}
@media (max-width:768px) {
.Newsletter_form__h7HOS {
flex-direction: column
}
.Newsletter_ctaInput__0hXTW {
min-width: unset
}
}