/* Custom: 1.css */
@import url('https://fonts.googleapis.com/css2?family=Magra:wght@400;700&family=Montserrat:wght@700&family=Spartan:wght@600&family=Ubuntu:wght@400;500;700&display=swap');
@font-face {
font-style: normal;
font-weight: normal;
font-family: "Material Icons";
font-display: block;
src: url(":r:icomoon.woff2") format("woff2");
}
header img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
* {
box-sizing: border-box;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
margin: 0;
padding: 0;
}
ul, ol {
list-style-position: inside;
}
img {
max-width: 100%;
height: auto;
display: block;
}
section {
margin-bottom: var(--section-gap);
}
body {
font-family: var(--font-family-main) !important;
font-weight: var(--font-weight-body) !important;
font-size: var(--font-size-base) !important;
background: var(--background);
color: var(--dark);
overflow-x: hidden;
padding: 0;
margin: 0;
}
a {
color: var(--accent);
text-decoration: none;
transition: var(--transition);
}
a:hover {
text-decoration: underline;
}
ul, ol {
margin: 20px 0;
padding-left: 20px;
}
li {
margin-bottom: 8px;
}
h2 {
font-size: 2rem;
margin-bottom: 16px;
}
h3 {
font-size: 1.5rem;
margin-bottom: 12px;
}
p {
margin-bottom: 14px;
line-height: 1.6;
}
.content-container {
padding-left: var(--page-gap);
padding-right: var(--page-gap);
max-width: 1400px;
margin: 0 auto;
}
@media (max-width: 768px) {
.content-container {
padding-left: var(--page-gap-reduced);
padding-right: var(--page-gap-reduced);
}
section > div > div,
section > div > div > div {
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 768px) {
section {
padding: 20px var(--page-gap-reduced);
}
ul, ol {
padding-left: 16px;
}
}
.breadcrumbs-section {
width: 100%;
max-width: 1220px;
margin: 0 auto;
height: 100%;
}
.breadcrumbs-list .breadcrumbs-list-item {
font-size: 14px;
color: var(--accent);
text-decoration: none;
display: inline-block;
margin: 5px 0;
}
.breadcrumbs-list .breadcrumbs-list-item:last-child {
color: var(--primary);
}
.breadcrumbs-list .breadcrumbs-list-item a {
color: var(--accent);
display: inline-flex;
align-items: center;
}
.breadcrumbs-list .breadcrumbs-list-item a:hover {
text-decoration: underline;
}
.breadcrumbs-list .breadcrumbs-list-item a::after {
content: "";
margin: 0 10px 0 10px;
border: solid rgba(0, 0, 0, 0.25);
border-width: 0 2px 2px 0;
display: inline-block;
vertical-align: top;
margin-bottom: 1px;
padding: 5px;
transform: rotate(45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.layout-wrapper {
display: grid;
grid-template-columns: 2fr 1fr;
gap: var(--section-gap);
margin: var(--page-gap) auto;
max-width: 1200px;
}
.main-column {
display: flex;
flex-direction: column;
gap: var(--section-gap);
}
.sidebar-column {
position: relative;
}
@media (max-width: 768px) {
.layout-wrapper {
grid-template-columns: 1fr;
}
.sidebar-column {
grid-row: 1;
}
.main-column {
grid-row: 2;
}
}
/* FAQ блок */
details {
width: 100%;
margin-bottom: 10px;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
background: var(--primary);
transition: var(--transition);
font-family: var(--font-family-main);
}
details[open] {
background: var(--accent);
}
details summary {
cursor: pointer;
padding: 15px 20px;
font-size: var(--font-size-base);
font-weight: var(--font-weight-heading);
color: var(--light);
list-style: none;
outline: none;
transition: var(--transition);
}
details summary::-webkit-details-marker {
display: none;
}
details summary:hover {
background: var(--primary-hover);
}
details[open] summary {
background: var(--accent-hover);
}
details div {
padding: 15px 20px;
font-size: var(--font-size-base);
font-weight: var(--font-weight-body);
color: var(--light);
background: var(--accent-transparent);
line-height: 1.6;
}
/* Color scheme: color10 */
:root {
--primary: #ff69b4;
--primary-hover: #ff7bbd;
--accent: #ffb347;
--accent-hover: #ffc066;
--accent-secondary: #ffcc85;
--accent-transparent: rgba(255, 179, 71, 0.3);
--background: #fff0f5;
--header: #ffffff;
--shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
--page-gap: 20px;
--page-gap-reduced: calc(var(--page-gap) / 2);
--section-gap: 30px;
--dark: #000000;
--dark-default: rgba(0, 0, 0, 0.8);
--dark-muted: rgba(0, 0, 0, 0.4);
--light: #ffffff;
--transition: all 0.25s cubic-bezier(0.39, 0, 0.17, 0.99);
--radius: 4px;
--font-family-main: 'Inter', sans-serif;
--font-family-heading: 'Georgia', serif;
--font-weight-body: 400;
--font-weight-heading: 700;
--font-size-base: 16px;
--font-size-h1: 32px;
--font-size-h2: 24px;
}
/* HEADER */
*,
*:before,
*:after {
box-sizing: border-box;
}
body, html {
margin: 0;
padding: 0;
overflow-x: u_163708;
background: var(--background);
}
.u_e9c33e {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 16px var(--page-gap);
max-width: 1200px;
margin: 0 auto;
}
.u_09802a {
z-index: 12;
display: inline-flex;
align-items: center;
}
.u_51aa73 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #2a2a2a;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 80px;
transform: translateY(-100%);
transition: transform 0.4s ease;
z-index: 1000;
overflow-y: auto;
}
.u_51aa73.open {
transform: translateY(0);
}
.u_0cbdeb {
list-style: none;
padding: 0 20px;
margin: 0;
width: 100%;
}
.u_0cbdeb li {
position: relative;
}
.u_0cbdeb li a,
.u_b7e339 {
display: block;
padding: 14px 16px;
color: #fff;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
transition: background 0.3s, color 0.3s;
cursor: pointer;
}
.u_0cbdeb li a:hover,
.u_b7e339:hover {
background: var(--accent, #8f66ff);;
color: #fff;
}
.u_1c7e92 {
display: none;
flex-direction: column;
background: #3b3b3b;
margin-top: 0;
}
.u_c6c7ee.open > .u_1c7e92 {
display: flex;
}
.u_1c7e92 a {
padding-left: 30px;
font-size: 1rem;
color: #fff;
}
.u_1c7e92 a:hover {
background: #78ae1b;
}
.back-btn {
display: none;
width: 100%;
padding: 12px 20px;
}
.back-btn a {
color: #fff;
font-weight: 600;
display: block;
}
.back-btn a:hover {
color: #78ae1b;
}
.u_e21748 {
background: none;
border: none;
cursor: pointer;
z-index: 1100;
}
.burger-lines,
.close-icon {
width: 24px;
height: 24px;
stroke: #fff;
}
.u_163708 {
display: none;
}
.lang-switcher {
position: relative;
display: inline-block;
z-index: 1100;
}
.lang-switcher__button {
background: none;
border: none;
cursor: pointer;
font-weight: 600;
font-size: 14px;
padding: 8px 12px;
border-radius: 6px;
display: flex;
align-items: center;
gap: 6px;
color: #333;
}
.lang-switcher__list {
position: absolute;
top: 100%;
right: 0;
display: none;
flex-direction: column;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
padding: 8px 0;
min-width: 160px;
max-height: 300px;
overflow-y: auto;
column-count: 2;
column-gap: 10px;
}
.lang-switcher.open .lang-switcher__list {
display: flex;
}
.lang-switcher__list li {
list-style: none;
}
.lang-switcher__list a {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
text-decoration: none;
color: #333;
transition: background 0.3s;
}
.lang-switcher__list a:hover {
background: #f0f0f0;
}
.flag {
width: 20px;
height: 14px;
object-fit: cover;
border-radius: 2px;
}
@media(min-width:1024px){
.u_e21748 { display: none; }
.u_51aa73 {
position: static;
transform: none;
flex-direction: row;
width: auto;
height: auto;
background: none;
padding: 0;
gap: 30px;
align-items: center;
overflow: visible;
}
.u_0cbdeb {
flex-direction: row;
gap: 25px;
width: auto;
}
.u_0cbdeb li { display: inline-flex; }
.u_0cbdeb li a,
.u_b7e339 {
padding: 12px 16px;
color: #333;
}
.u_1c7e92 {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
min-width: 180px;
background: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.15);
border-radius: 6px;
z-index: 100;
}
.u_c6c7ee:hover .u_1c7e92 { display: flex; }
.u_1c7e92 a { color: #333; }
.lang-switcher__button { color: var(--accent, #8f66ff); }
.lang-switcher__close {
display: none !important;
}
.lang-switcher__list {
position: absolute;
top: 100%;
right: 0;
width: auto;
max-height: 300px;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
column-count: 2;
overflow-y: auto;
z-index: 100;
}
}
@media(max-width:1023px){
.u_e9c33e {
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.u_51aa73 {
z-index: 1000;
padding-top: 80px;
}
.lang-switcher {
position: relative;
z-index: 2000;
display: inline-block;
}
.lang-switcher__button {
color: var(--accent, #8f66ff);
z-index: 2200;
}
.lang-switcher__list {
position: fixed;
top: -20px;
left: 0;
width: 100%;
height: 100vh;
max-height: none;
background: rgba(42,42,42,0.95);
display: none;
flex-direction: column;
padding-top: 80px;
column-count: 2;
column-gap: 10px;
overflow-y: auto;
z-index: 2100;
}
.lang-switcher.open .lang-switcher__list {
display: flex;
}
.lang-switcher__list a {
color: #fff;
padding: 16px 20px;
width: 100%;
}
.lang-switcher__list a:hover {
background: #78ae1b;
}
.lang-switcher__close {
position: fixed;
top: 20px;
right: 20px;
font-size: 2rem;
color: #fff;
cursor: pointer;
display: none;
z-index: 2200;
}
.lang-switcher.open .lang-switcher__close {
display: block;
}
}
@media (max-width: 480px) {
.hero-title {font-size: 1.45rem;}
.btn-signup, .hero-cta {font-size: 1rem;}
.u_e21748 {margin-right: 6px; width: 48px;}
}
.u_51aa73.open {display: flex;}
.u_005e0c {
width: 100%;
padding: 0;
background: none;
}
.u_71dd0b {
display: flex;
align-items: stretch;
justify-content: center;
gap: calc(var(--page-gap) * 2);
max-width: 1120px;
margin: 0 auto;
padding: calc(var(--section-gap) * 1.1) var(--page-gap);
min-height: 480px;
box-sizing: border-box;
}
.u_3e0a6f {
flex: 0 1 320px;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
max-width: 100%;
}
.u_715404 {
position: relative;
width: 320px;
height: 480px;
border-radius: calc(var(--radius) * 2.8);
box-shadow: 0 12px 32px 0 rgba(10, 0, 93, 0.13), 0 2px 10px 0 rgba(0,0,0,0.08);
overflow: u_163708;
display: flex;
align-items: stretch;
justify-content: center;
}
.u_715404 img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
position: relative;
z-index: 1;
border-radius: inherit;
}
.u_26d697 {
position: absolute;
inset: 0;
z-index: 2;
background:
linear-gradient(135deg, var(--accent) 0%, rgba(255,255,255,0.05) 100%);
opacity: 0.25;
mix-blend-mode: multiply;
pointer-events: none;
border-radius: inherit;
}
.u_e5a729 {
flex: 1 1 0;
display: flex;
align-items: center;
min-width: 0;
max-width: 540px;
padding: 0;
justify-content: flex-start;
}
.u_c690df {
backdrop-filter: blur(12px) saturate(150%);
background: linear-gradient(120deg, rgba(255,255,255,0.65) 65%, var(--accent-transparent) 100%);
box-shadow: 0 8px 24px 0 rgba(149,24,48,0.06), var(--shadow);
border-radius: calc(var(--radius) * 2.5);
padding: calc(var(--section-gap) * 0.5) calc(var(--page-gap) * 1.5);
display: flex;
flex-direction: column;
gap: 1.5rem;
min-width: 0;
animation: glass-fade-in 0.88s cubic-bezier(.44,0,.6,1.1);
}
@keyframes glass-fade-in {
0% { opacity: 0; transform: translateY(32px) scale(0.96);}
100% { opacity: 1; transform: translateY(0) scale(1);}
}
.u_13c6b2 {
font-size: 2.8rem;
font-weight: 800;
line-height: 1.13;
color: var(--accent);
letter-spacing: -0.03em;
margin: 0 0 0.2em 0;
}
header img {
margin-top: 15px;
}
.hero-block-simple219__desc {
font-size: 1.15rem;
line-height: 1.8;
color: var(--dark-muted);
margin: 0 0 1rem 0;
max-width: 390px;
}
.u_ff93bb {
display: inline-block;
font-size: 1.12rem;
font-weight: 700;
letter-spacing: 0.03em;
padding: 0.9em 2.2em;
margin-top: 0.2em;
background: linear-gradient(90deg, var(--primary) 60%, var(--accent) 100%);
color: var(--light);
border-radius: calc(var(--radius) * 2);
text-decoration: none;
box-shadow: 0 4px 24px 0 rgba(149,24,48,0.18);
border: none;
transition:
background var(--transition),
transform 0.32s cubic-bezier(.49,0,.47,1.1),
box-shadow 0.22s cubic-bezier(.29,.7,.35,1),
filter 0.18s;
cursor: pointer;
will-change: transform;
user-select: none;
outline: none;
position: relative;
}
.u_ff93bb:active {
filter: brightness(.99) contrast(1.08);
}
.u_ff93bb:focus-visible {
outline: 2px solid var(--primary-hover);
}
.u_ff93bb:hover {
background: linear-gradient(100deg, var(--primary-hover) 75%, var(--accent) 100%);
transform: scale(1.075) translateY(-3px);
box-shadow: 0 10px 32px 0 var(--accent-transparent), 0 2px 10px 0 var(--shadow);
}
@media (max-width: 1024px) {
.u_71dd0b {
max-width: 100%;
gap: var(--page-gap);
padding: calc(var(--section-gap) * 0.9) var(--page-gap);
}
.u_715404 {
width: 240px;
height: 360px;
}
}
@media (max-width: 768px) {
.header-block-simple219__container {
height: 60px;
padding: 0 var(--page-gap);
}
.u_71dd0b {
flex-direction: column;
gap: 2.3rem;
align-items: center;
min-width: 0;
padding: calc(var(--section-gap) * 0.5) var(--page-gap);
}
.u_3e0a6f,
.u_e5a729 {
max-width: 100%;
width: 100%;
justify-content: center;
}
.u_715404 {
width: 90vw;
max-width: 350px;
height: 54vw;
max-height: 380px;
}
.u_c690df {
padding: calc(var(--section-gap) * 0.4) var(--page-gap);
box-shadow: 0 8px 16px 0 var(--shadow);
}
.u_13c6b2 {
font-size: 2.1rem;
text-align: center;
}
.hero-block-simple219__desc {
font-size: 1rem;
text-align: center;
max-width: 100%;
margin: 0 auto 1.1rem auto;
}
.u_ff93bb {
width: max-content;
margin-left: auto;
margin-right: auto;
font-size: 1.04rem;
min-width: 0;
}
}
@media (max-width: 500px) {
.u_715404 {
width: 99vw;
max-width: 98vw;
min-width: 0;
height: 56vw;
max-height: 54vw;
}
.u_c690df {
padding: calc(var(--section-gap) * 0.25) var(--page-gap-reduced);
border-radius: calc(var(--radius) * 1.5);
}
.u_13c6b2 {
font-size: 1.34rem;
padding-bottom: 0.15em;
}
}
/* LINKS */
.u_2e0792.u_ba6502 {
max-width: 1200px;
margin: 0 auto;
padding: var(--page-gap, 40px 24px);
}
.u_ce495e {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 32px;
color: var(--accent, #8f66ff);
letter-spacing: -0.02em;
}
.u_49d07e {
display: grid;
grid-template-columns: repeat(2, minmax(220px, 1fr));
gap: 24px;
list-style: none;
padding: 0;
margin: 0;
}
.u_49d07e li {
margin: 0;
padding: 0;
}
.u_49d07e a {
display: flex;
align-items: center;
gap: 16px;
padding: 14px 24px;
background: rgba(var(--primary-rgb, 0,0,0), 0.04);
border: 1.5px solid var(--accent-transparent, #ccc);
border-radius: var(--radius, 14px);
color: var(--primary, #24242c);
font-weight: 500;
font-size: 1.08rem;
text-decoration: none;
transition:
background 0.22s var(--transition, ease),
color 0.22s var(--transition, ease),
border-color 0.2s var(--transition, ease),
box-shadow 0.22s var(--transition, ease),
transform 0.18s var(--transition, cubic-bezier(.25,.8,.25,1));
box-shadow: 0 0 0 transparent;
box-sizing: border-box;
cursor: pointer;
min-width: 0;
position: relative;
}
.u_49d07e a::before {
content: "";
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-right: 16px;
border-radius: 50%;
background: var(--accent-transparent, rgba(140,100,255,0.13));
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: 18px 18px;
flex-shrink: 0;
transition: background 0.22s var(--transition, ease), filter 0.22s var(--transition, ease);
}
.u_49d07e a:hover,
.u_49d07e a:focus-visible {
background: var(--primary, #24242c);
color: var(--light, #fff);
border-color: var(--accent, #8f66ff);
box-shadow: 0 6px 22px -8px var(--shadow, rgba(30,20,80,0.13));
transform: translateY(-2px) scale(1.025);
}
.u_49d07e a:hover::before,
.u_49d07e a:focus-visible::before {
background: var(--accent, #8f66ff);
background-image: url('data:image/svg+xml;utf8,');
filter: drop-shadow(0 2px 6px rgba(140,100,255,0.16));
}
@media (max-width: 900px) {
.u_49d07e {
grid-template-columns: 1fr;
gap: 18px;
}
.u_ce495e {
margin-bottom: 20px;
font-size: 1.5rem;
}
}
@media (max-width: 600px) {
.u_2e0792.u_ba6502 {
padding: 24px 8px;
}
.u_49d07e {
grid-template-columns: 1fr;
gap: 13px;
}
.u_49d07e a {
width: 100%;
justify-content: center;
font-size: 1rem;
padding: 12px 14px;
}
.u_49d07e a::before {
margin-right: 10px;
}
}
/* FOOTER */
.u_9e69ed {
background: var(--header);
padding: var(--page-gap);
box-shadow: var(--shadow);
overflow-x: hidden;
}
.u_e683f8 {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--page-gap);
max-width: 100%;
flex-wrap: nowrap;
}
.u_a38b61 {
flex-shrink: 0;
display: block;
max-width: 100%;
height: auto;
}
.u_6d8dcf {
color: var(--primary);
margin: 0;
font-size: 1rem;
line-height: 1.5;
white-space: nowrap;
}
@media (max-width: 768px) {
.u_e683f8 {
flex-direction: column;
align-items: flex-start;
gap: var(--page-gap-reduced);
}
.u_6d8dcf {
white-space: normal;
margin-top: var(--page-gap-reduced);
}
}
/* BODY */
.u_7dbb57 {
box-sizing: border-box;
padding: var(--section-gap);
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
margin: var(--section-gap) auto;
max-width: 1100px;
overflow-x: hidden;
transition: var(--transition);
}
.u_5479dc {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--page-gap);
max-width: 100%;
box-sizing: border-box;
}
.u_04c7c0 {
flex: 0 0 320px;
max-width: 320px;
min-width: 0;
display: flex;
align-items: center;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
margin-right: 0;
}
.u_04c7c0 img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
object-fit: cover;
background: var(--background);
}
.u_d60268 {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--dark);
font-size: 1.15rem;
line-height: 1.65;
padding: var(--page-gap) 0;
transition: var(--transition);
background: transparent;
}
.u_d60268 h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--primary);
}
.u_d60268 h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.8em;
color: var(--accent);
}
.u_d60268 p {
margin-bottom: 1em;
color: var(--dark-default);
}
.u_d60268 ul,
.u_d60268 ol {
padding-left: 1.4em;
margin-bottom: 1em;
color: var(--dark-muted);
}
.u_d60268 li {
margin-bottom: 0.5em;
list-style: disc inside;
}
.u_d60268 a {
color: var(--accent);
text-decoration: underline;
transition: color 0.2s;
}
.u_d60268 a:hover,
.u_d60268 a:focus {
color: var(--primary-hover);
}
.u_d60268 table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
overflow-x: auto;
display: block;
font-size: 0.98em;
}
.u_d60268 thead {
background: var(--accent-transparent);
}
.u_d60268 th,
.u_d60268 td {
border: 1px solid var(--accent-secondary);
padding: 8px 11px;
text-align: left;
color: var(--dark);
}
.u_d60268 th {
color: var(--accent);
font-weight: 600;
}
.u_d60268 b,
.u_d60268 strong {
color: var(--primary);
font-weight: 700;
}
.u_d60268 i,
.u_d60268 em {
color: var(--accent);
}
@media (max-width: 1024px) {
.u_5479dc {
flex-direction: column;
align-items: stretch;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
max-width: 100%;
margin-bottom: var(--page-gap-reduced);
}
}
@media (max-width: 768px) {
.u_7dbb57 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
margin: var(--page-gap) 0;
max-width: 100%;
}
.u_5479dc {
flex-direction: column;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
flex: none;
max-width: 100%;
min-width: 0;
margin-bottom: var(--page-gap-reduced);
box-shadow: var(--shadow);
border-radius: var(--radius);
}
.u_d60268 {
padding: 0.5em 0 0.2em 0;
font-size: 1.05rem;
}
}
.u_7dbb57,
.u_5479dc {
box-sizing: border-box;
max-width: 100%;
}
/* BODY1 */
.u_7dbb57 {
box-sizing: border-box;
padding: var(--section-gap);
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
margin: var(--section-gap) auto;
max-width: 1100px;
overflow-x: hidden;
transition: var(--transition);
}
.u_5479dc {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--page-gap);
max-width: 100%;
box-sizing: border-box;
}
.u_04c7c0 {
flex: 0 0 320px;
max-width: 320px;
min-width: 0;
display: flex;
align-items: center;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
margin-right: 0;
}
.u_04c7c0 img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
object-fit: cover;
background: var(--background);
}
.u_d60268 {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--dark);
font-size: 1.15rem;
line-height: 1.65;
padding: var(--page-gap) 0;
transition: var(--transition);
background: transparent;
}
.u_d60268 h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--primary);
}
.u_d60268 h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.8em;
color: var(--accent);
}
.u_d60268 p {
margin-bottom: 1em;
color: var(--dark-default);
}
.u_d60268 ul,
.u_d60268 ol {
padding-left: 1.4em;
margin-bottom: 1em;
color: var(--dark-muted);
}
.u_d60268 li {
margin-bottom: 0.5em;
list-style: disc inside;
}
.u_d60268 a {
color: var(--accent);
text-decoration: underline;
transition: color 0.2s;
}
.u_d60268 a:hover,
.u_d60268 a:focus {
color: var(--primary-hover);
}
.u_d60268 table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
overflow-x: auto;
display: block;
font-size: 0.98em;
}
.u_d60268 thead {
background: var(--accent-transparent);
}
.u_d60268 th,
.u_d60268 td {
border: 1px solid var(--accent-secondary);
padding: 8px 11px;
text-align: left;
color: var(--dark);
}
.u_d60268 th {
color: var(--accent);
font-weight: 600;
}
.u_d60268 b,
.u_d60268 strong {
color: var(--primary);
font-weight: 700;
}
.u_d60268 i,
.u_d60268 em {
color: var(--accent);
}
@media (max-width: 1024px) {
.u_5479dc {
flex-direction: column;
align-items: stretch;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
max-width: 100%;
margin-bottom: var(--page-gap-reduced);
}
}
@media (max-width: 768px) {
.u_7dbb57 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
margin: var(--page-gap) 0;
max-width: 100%;
}
.u_5479dc {
flex-direction: column;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
flex: none;
max-width: 100%;
min-width: 0;
margin-bottom: var(--page-gap-reduced);
box-shadow: var(--shadow);
border-radius: var(--radius);
}
.u_d60268 {
padding: 0.5em 0 0.2em 0;
font-size: 1.05rem;
}
}
.u_7dbb57,
.u_5479dc {
box-sizing: border-box;
max-width: 100%;
}
/* BODY2 */
.u_7dbb57 {
box-sizing: border-box;
padding: var(--section-gap);
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
margin: var(--section-gap) auto;
max-width: 1100px;
overflow-x: hidden;
transition: var(--transition);
}
.u_5479dc {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--page-gap);
max-width: 100%;
box-sizing: border-box;
}
.u_04c7c0 {
flex: 0 0 320px;
max-width: 320px;
min-width: 0;
display: flex;
align-items: center;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
margin-right: 0;
}
.u_04c7c0 img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
object-fit: cover;
background: var(--background);
}
.u_d60268 {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--dark);
font-size: 1.15rem;
line-height: 1.65;
padding: var(--page-gap) 0;
transition: var(--transition);
background: transparent;
}
.u_d60268 h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--primary);
}
.u_d60268 h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.8em;
color: var(--accent);
}
.u_d60268 p {
margin-bottom: 1em;
color: var(--dark-default);
}
.u_d60268 ul,
.u_d60268 ol {
padding-left: 1.4em;
margin-bottom: 1em;
color: var(--dark-muted);
}
.u_d60268 li {
margin-bottom: 0.5em;
list-style: disc inside;
}
.u_d60268 a {
color: var(--accent);
text-decoration: underline;
transition: color 0.2s;
}
.u_d60268 a:hover,
.u_d60268 a:focus {
color: var(--primary-hover);
}
.u_d60268 table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
overflow-x: auto;
display: block;
font-size: 0.98em;
}
.u_d60268 thead {
background: var(--accent-transparent);
}
.u_d60268 th,
.u_d60268 td {
border: 1px solid var(--accent-secondary);
padding: 8px 11px;
text-align: left;
color: var(--dark);
}
.u_d60268 th {
color: var(--accent);
font-weight: 600;
}
.u_d60268 b,
.u_d60268 strong {
color: var(--primary);
font-weight: 700;
}
.u_d60268 i,
.u_d60268 em {
color: var(--accent);
}
@media (max-width: 1024px) {
.u_5479dc {
flex-direction: column;
align-items: stretch;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
max-width: 100%;
margin-bottom: var(--page-gap-reduced);
}
}
@media (max-width: 768px) {
.u_7dbb57 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
margin: var(--page-gap) 0;
max-width: 100%;
}
.u_5479dc {
flex-direction: column;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
flex: none;
max-width: 100%;
min-width: 0;
margin-bottom: var(--page-gap-reduced);
box-shadow: var(--shadow);
border-radius: var(--radius);
}
.u_d60268 {
padding: 0.5em 0 0.2em 0;
font-size: 1.05rem;
}
}
.u_7dbb57,
.u_5479dc {
box-sizing: border-box;
max-width: 100%;
}
/* BODY3 */
.u_7dbb57 {
box-sizing: border-box;
padding: var(--section-gap);
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
margin: var(--section-gap) auto;
max-width: 1100px;
overflow-x: hidden;
transition: var(--transition);
}
.u_5479dc {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--page-gap);
max-width: 100%;
box-sizing: border-box;
}
.u_04c7c0 {
flex: 0 0 320px;
max-width: 320px;
min-width: 0;
display: flex;
align-items: center;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
margin-right: 0;
}
.u_04c7c0 img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
object-fit: cover;
background: var(--background);
}
.u_d60268 {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--dark);
font-size: 1.15rem;
line-height: 1.65;
padding: var(--page-gap) 0;
transition: var(--transition);
background: transparent;
}
.u_d60268 h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--primary);
}
.u_d60268 h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.8em;
color: var(--accent);
}
.u_d60268 p {
margin-bottom: 1em;
color: var(--dark-default);
}
.u_d60268 ul,
.u_d60268 ol {
padding-left: 1.4em;
margin-bottom: 1em;
color: var(--dark-muted);
}
.u_d60268 li {
margin-bottom: 0.5em;
list-style: disc inside;
}
.u_d60268 a {
color: var(--accent);
text-decoration: underline;
transition: color 0.2s;
}
.u_d60268 a:hover,
.u_d60268 a:focus {
color: var(--primary-hover);
}
.u_d60268 table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
overflow-x: auto;
display: block;
font-size: 0.98em;
}
.u_d60268 thead {
background: var(--accent-transparent);
}
.u_d60268 th,
.u_d60268 td {
border: 1px solid var(--accent-secondary);
padding: 8px 11px;
text-align: left;
color: var(--dark);
}
.u_d60268 th {
color: var(--accent);
font-weight: 600;
}
.u_d60268 b,
.u_d60268 strong {
color: var(--primary);
font-weight: 700;
}
.u_d60268 i,
.u_d60268 em {
color: var(--accent);
}
@media (max-width: 1024px) {
.u_5479dc {
flex-direction: column;
align-items: stretch;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
max-width: 100%;
margin-bottom: var(--page-gap-reduced);
}
}
@media (max-width: 768px) {
.u_7dbb57 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
margin: var(--page-gap) 0;
max-width: 100%;
}
.u_5479dc {
flex-direction: column;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
flex: none;
max-width: 100%;
min-width: 0;
margin-bottom: var(--page-gap-reduced);
box-shadow: var(--shadow);
border-radius: var(--radius);
}
.u_d60268 {
padding: 0.5em 0 0.2em 0;
font-size: 1.05rem;
}
}
.u_7dbb57,
.u_5479dc {
box-sizing: border-box;
max-width: 100%;
}
/* BODY4 */
.u_7dbb57 {
box-sizing: border-box;
padding: var(--section-gap);
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
margin: var(--section-gap) auto;
max-width: 1100px;
overflow-x: hidden;
transition: var(--transition);
}
.u_5479dc {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--page-gap);
max-width: 100%;
box-sizing: border-box;
}
.u_04c7c0 {
flex: 0 0 320px;
max-width: 320px;
min-width: 0;
display: flex;
align-items: center;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
margin-right: 0;
}
.u_04c7c0 img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
object-fit: cover;
background: var(--background);
}
.u_d60268 {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--dark);
font-size: 1.15rem;
line-height: 1.65;
padding: var(--page-gap) 0;
transition: var(--transition);
background: transparent;
}
.u_d60268 h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--primary);
}
.u_d60268 h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.8em;
color: var(--accent);
}
.u_d60268 p {
margin-bottom: 1em;
color: var(--dark-default);
}
.u_d60268 ul,
.u_d60268 ol {
padding-left: 1.4em;
margin-bottom: 1em;
color: var(--dark-muted);
}
.u_d60268 li {
margin-bottom: 0.5em;
list-style: disc inside;
}
.u_d60268 a {
color: var(--accent);
text-decoration: underline;
transition: color 0.2s;
}
.u_d60268 a:hover,
.u_d60268 a:focus {
color: var(--primary-hover);
}
.u_d60268 table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
overflow-x: auto;
display: block;
font-size: 0.98em;
}
.u_d60268 thead {
background: var(--accent-transparent);
}
.u_d60268 th,
.u_d60268 td {
border: 1px solid var(--accent-secondary);
padding: 8px 11px;
text-align: left;
color: var(--dark);
}
.u_d60268 th {
color: var(--accent);
font-weight: 600;
}
.u_d60268 b,
.u_d60268 strong {
color: var(--primary);
font-weight: 700;
}
.u_d60268 i,
.u_d60268 em {
color: var(--accent);
}
@media (max-width: 1024px) {
.u_5479dc {
flex-direction: column;
align-items: stretch;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
max-width: 100%;
margin-bottom: var(--page-gap-reduced);
}
}
@media (max-width: 768px) {
.u_7dbb57 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
margin: var(--page-gap) 0;
max-width: 100%;
}
.u_5479dc {
flex-direction: column;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
flex: none;
max-width: 100%;
min-width: 0;
margin-bottom: var(--page-gap-reduced);
box-shadow: var(--shadow);
border-radius: var(--radius);
}
.u_d60268 {
padding: 0.5em 0 0.2em 0;
font-size: 1.05rem;
}
}
.u_7dbb57,
.u_5479dc {
box-sizing: border-box;
max-width: 100%;
}
/* BODY5 */
.u_7dbb57 {
box-sizing: border-box;
padding: var(--section-gap);
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
margin: var(--section-gap) auto;
max-width: 1100px;
overflow-x: hidden;
transition: var(--transition);
}
.u_5479dc {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--page-gap);
max-width: 100%;
box-sizing: border-box;
}
.u_04c7c0 {
flex: 0 0 320px;
max-width: 320px;
min-width: 0;
display: flex;
align-items: center;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
margin-right: 0;
}
.u_04c7c0 img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
object-fit: cover;
background: var(--background);
}
.u_d60268 {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--dark);
font-size: 1.15rem;
line-height: 1.65;
padding: var(--page-gap) 0;
transition: var(--transition);
background: transparent;
}
.u_d60268 h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--primary);
}
.u_d60268 h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.8em;
color: var(--accent);
}
.u_d60268 p {
margin-bottom: 1em;
color: var(--dark-default);
}
.u_d60268 ul,
.u_d60268 ol {
padding-left: 1.4em;
margin-bottom: 1em;
color: var(--dark-muted);
}
.u_d60268 li {
margin-bottom: 0.5em;
list-style: disc inside;
}
.u_d60268 a {
color: var(--accent);
text-decoration: underline;
transition: color 0.2s;
}
.u_d60268 a:hover,
.u_d60268 a:focus {
color: var(--primary-hover);
}
.u_d60268 table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
overflow-x: auto;
display: block;
font-size: 0.98em;
}
.u_d60268 thead {
background: var(--accent-transparent);
}
.u_d60268 th,
.u_d60268 td {
border: 1px solid var(--accent-secondary);
padding: 8px 11px;
text-align: left;
color: var(--dark);
}
.u_d60268 th {
color: var(--accent);
font-weight: 600;
}
.u_d60268 b,
.u_d60268 strong {
color: var(--primary);
font-weight: 700;
}
.u_d60268 i,
.u_d60268 em {
color: var(--accent);
}
@media (max-width: 1024px) {
.u_5479dc {
flex-direction: column;
align-items: stretch;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
max-width: 100%;
margin-bottom: var(--page-gap-reduced);
}
}
@media (max-width: 768px) {
.u_7dbb57 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
margin: var(--page-gap) 0;
max-width: 100%;
}
.u_5479dc {
flex-direction: column;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
flex: none;
max-width: 100%;
min-width: 0;
margin-bottom: var(--page-gap-reduced);
box-shadow: var(--shadow);
border-radius: var(--radius);
}
.u_d60268 {
padding: 0.5em 0 0.2em 0;
font-size: 1.05rem;
}
}
.u_7dbb57,
.u_5479dc {
box-sizing: border-box;
max-width: 100%;
}
/* BODY6 */
.u_7dbb57 {
box-sizing: border-box;
padding: var(--section-gap);
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
margin: var(--section-gap) auto;
max-width: 1100px;
overflow-x: hidden;
transition: var(--transition);
}
.u_5479dc {
display: flex;
flex-direction: row;
align-items: stretch;
gap: var(--page-gap);
max-width: 100%;
box-sizing: border-box;
}
.u_04c7c0 {
flex: 0 0 320px;
max-width: 320px;
min-width: 0;
display: flex;
align-items: center;
border-radius: var(--radius);
overflow: hidden;
box-shadow: var(--shadow);
margin-right: 0;
}
.u_04c7c0 img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius);
object-fit: cover;
background: var(--background);
}
.u_d60268 {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
color: var(--dark);
font-size: 1.15rem;
line-height: 1.65;
padding: var(--page-gap) 0;
transition: var(--transition);
background: transparent;
}
.u_d60268 h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--primary);
}
.u_d60268 h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.8em;
color: var(--accent);
}
.u_d60268 p {
margin-bottom: 1em;
color: var(--dark-default);
}
.u_d60268 ul,
.u_d60268 ol {
padding-left: 1.4em;
margin-bottom: 1em;
color: var(--dark-muted);
}
.u_d60268 li {
margin-bottom: 0.5em;
list-style: disc inside;
}
.u_d60268 a {
color: var(--accent);
text-decoration: underline;
transition: color 0.2s;
}
.u_d60268 a:hover,
.u_d60268 a:focus {
color: var(--primary-hover);
}
.u_d60268 table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
overflow-x: auto;
display: block;
font-size: 0.98em;
}
.u_d60268 thead {
background: var(--accent-transparent);
}
.u_d60268 th,
.u_d60268 td {
border: 1px solid var(--accent-secondary);
padding: 8px 11px;
text-align: left;
color: var(--dark);
}
.u_d60268 th {
color: var(--accent);
font-weight: 600;
}
.u_d60268 b,
.u_d60268 strong {
color: var(--primary);
font-weight: 700;
}
.u_d60268 i,
.u_d60268 em {
color: var(--accent);
}
@media (max-width: 1024px) {
.u_5479dc {
flex-direction: column;
align-items: stretch;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
max-width: 100%;
margin-bottom: var(--page-gap-reduced);
}
}
@media (max-width: 768px) {
.u_7dbb57 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
margin: var(--page-gap) 0;
max-width: 100%;
}
.u_5479dc {
flex-direction: column;
gap: var(--page-gap-reduced);
}
.u_04c7c0 {
flex: none;
max-width: 100%;
min-width: 0;
margin-bottom: var(--page-gap-reduced);
box-shadow: var(--shadow);
border-radius: var(--radius);
}
.u_d60268 {
padding: 0.5em 0 0.2em 0;
font-size: 1.05rem;
}
}
.u_7dbb57,
.u_5479dc {
box-sizing: border-box;
max-width: 100%;
}
/* blog/blogpreview1.css */
.u_ed9a8b {
width: 100%;
max-width: 1080px;
margin: 0 auto var(--section-gap);
position: relative;
border-radius: 2.1em;
padding: 3.1rem 1.1rem 2.4rem 1.1rem;
background: linear-gradient(115deg, var(--background) 0%, var(--light) 100%);
box-shadow: 0 7px 25px var(--shadow);
text-align: center;
overflow: hidden;
z-index: 1;
}
.u_ed9a8b .u_52bb6f {
position: absolute;
left: 8%; top: 0;
width: 340px; height: 158px;
pointer-events: none;
opacity: 0.58;
z-index: 0;
}
.u_ed9a8b .u_52bb6f::before,
.u_ed9a8b .u_52bb6f::after {
content: "";
position: absolute;
border-radius: 50%;
z-index: 0;
filter: blur(34px);
opacity: .57;
}
.u_ed9a8b .u_52bb6f::before {
left: 0; top: 9px; width: 122px; height: 122px;
background: radial-gradient(circle at 65% 60%, var(--primary) 60%, transparent 100%);
}
.u_ed9a8b .u_52bb6f::after {
right: -2vw; top: 94px; width: 83px; height: 83px;
background: radial-gradient(circle at 35% 60%, var(--accent-secondary, #ABA1FB) 80%, transparent 100%);
}
.u_ed9a8b::before {
content: '';
display: block;
position: absolute;
left: 50%; top: 0;
transform: translateX(-50%);
width: 74vw; max-width: 660px; height: 36vw; max-height: 190px;
background: radial-gradient(circle at 50% 18%, var(--accent) 0%, var(--primary) 32%, transparent 95%);
opacity: .16;
filter: blur(18px);
pointer-events: none;
z-index: 0;
}
.u_e72fc3 {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
}
.u_83da7e {
font-size: var(--font-size-h1);
font-weight: 900;
letter-spacing: -0.02em;
color: var(--primary);
line-height: 1.13;
margin: 0 0 0.6em 0;
background: linear-gradient(87deg, var(--primary) 45%, var(--accent) 92%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
text-shadow:
0 4px 22px var(--accent-secondary, #ABA1FB),
0 1.5px 6px #0003;
animation: blogheroFadeTitle318 1.1s cubic-bezier(.16,.95,.19,1.01) both;
transition: text-shadow .16s;
position: relative;
}
@keyframes blogheroFadeTitle318 {
from { opacity: 0; transform: translateY(36px) scale(0.96);}
to { opacity: 1; transform: none;}
}
.u_93f02a {
width: 110px;
height: 5.5px;
background: linear-gradient(90deg, var(--primary) 18%, var(--accent) 99%);
margin: 0 auto;
border-radius: 7px;
box-shadow: 0 2px 27px var(--accent), 0 0 16px var(--primary);
opacity: 0;
transform: scaleX(0.72);
animation: blogheroGlowLineIn318 1s .55s cubic-bezier(.41,1.45,.29,1) forwards;
transition: background .2s;
}
@keyframes blogheroGlowLineIn318 {
from { opacity: 0; transform: scaleX(0.3);}
80% { opacity: 1; transform: scaleX(1.18);}
to { opacity: 1; transform: scaleX(1);}
}
@media (max-width: 700px) {
.u_ed9a8b {
padding: 2rem 0.25rem 1.2rem 0.25rem;
border-radius: 1.1em;
max-width: 99vw;
}
.u_83da7e {
font-size: var(--font-size-h2);
margin: 0 0 0.45em 0;
}
.u_93f02a { width: 55px; height: 2.3px; }
.u_ed9a8b .u_52bb6f { top: -12px; width: 64vw; height: 70px;}
.u_ed9a8b .u_52bb6f::before,
.u_ed9a8b .u_52bb6f::after { filter: blur(12px);}
}
@media (max-width: 420px) {
.u_83da7e { font-size: var(--font-size-h3); }
.u_93f02a { width: 31vw; margin: 0 auto; height: 1.2px; }
.u_ed9a8b { padding: .73rem 0.04rem .87rem 0.04rem; }
}
/* blog/blogindex1.css */
.u_d590f8 {
width: 100%;
box-sizing: border-box;
padding-top: 1.8rem;
}
.u_d6991d {
font-size: 2.22rem;
font-weight: 900;
text-align: center;
background: linear-gradient(93deg, var(--primary), var(--accent) 74%);
color: transparent;
background-clip: text;
-webkit-background-clip: text;
margin: 44px 0 38px 0;
letter-spacing: -0.02em;
line-height: 1.1;
position: relative;
z-index: 2;
}
.u_cdb2f4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
gap: 2.2rem 1.3rem;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
padding-bottom: 1.5rem;
}
.u_d590f8 .category-card {
position: relative;
display: flex;
flex-direction: column;
border-radius: 22px 22px 16px 16px / 13px 13px 22px 22px;
box-shadow: 0 9px 39px -6px var(--shadow), 0 2.5px 4px var(--accent-secondary, #c7c4fa);
background: var(--light);
transition: box-shadow 0.29s var(--transition), outline-color .21s;
outline: 3px solid transparent;
outline-offset: 2.5px;
min-width: 0;
min-height: 0;
}
.u_d590f8 .category-card:hover,
.u_d590f8 .category-card:focus-within {
box-shadow: 0 21px 54px 0 var(--primary-hover), 0 5px 20px var(--accent-transparent);
outline-color: var(--primary);
z-index: 2;
transform: translateY(-6px) scale(1.017);
}
.u_d590f8 .category-card img {
width: 100%;
height: 210px;
object-fit: cover;
border-radius: 19px 19px 0 0 / 11px 11px 18px 18px;
box-shadow: 0 3px 22px 0 var(--accent-transparent);
filter: grayscale(8%) brightness(0.98) contrast(1.08);
transition: filter .17s, box-shadow .22s;
display: block;
}
.u_d590f8 .category-card:hover img,
.u_d590f8 .category-card:focus-within img {
filter: none;
box-shadow: 0 3px 44px 0 var(--primary-hover);
}
.u_d590f8 .category-card .category-info {
position: absolute;
left: 0; right: 0; bottom: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: 1.12em 1.36em 1.35em 1.32em;
width: 100%;
min-height: 106px;
background:
linear-gradient(0deg, rgba(0,0,0,0.71) 78%, transparent 100%);
border-radius: 0 0 18px 18px;
box-sizing: border-box;
text-align: left;
z-index: 2;
overflow: hidden;
}
.u_d590f8 .category-card .category-info .category-title {
color: var(--light);
font-size: 1.21rem;
font-weight: 800;
margin-bottom: 0.55rem;
letter-spacing: -0.004em;
}
.u_d590f8 .category-card .category-info .category-rating {
display: inline-block;
margin-bottom: 0.71em;
width: 32px; height: 28px;
position: relative;
z-index: 2;
}
.u_d590f8 .category-card .category-info .category-rating::before {
content: "";
display: block;
position: absolute;
left: 6px; top: 11px;
width: 21px; height: 4px;
background: linear-gradient(90deg, var(--accent), var(--primary));
border-radius: 3px;
box-shadow: 0 0 5px var(--accent-transparent);
transform: rotate(-23deg);
}
.u_d590f8 .category-card .category-info .category-rating::after {
content: '';
position: absolute;
left: 23px; top: 8.5px;
border: 7px solid transparent;
border-left: 10px solid var(--accent);
border-radius: 2px;
transform: rotate(-23deg);
}
.u_d590f8 .category-card .category-info .category-btn {
display: inline-block;
margin-top: 8px;
padding: 0.7em 1.18em;
background: linear-gradient(90deg, var(--accent), var(--primary));
color: var(--light);
font-weight: 700;
font-size: 1.01rem;
text-align: center;
text-decoration: none;
border-radius: 7px;
box-shadow: 0 2px 9px 0 var(--accent-transparent);
border: none;
transition: background .19s, color .16s, box-shadow .14s;
position: relative;
z-index: 2;
cursor: pointer;
}
.u_d590f8 .category-card .category-info .category-btn:hover,
.u_d590f8 .category-card .category-info .category-btn:focus {
background: var(--primary);
color: var(--light);
box-shadow: 0 9px 22px 0 var(--primary-hover);
}
@media (max-width: 900px) {
.u_d6991d {
font-size: 1.16rem;
}
.u_d590f8 .category-card img {
height: 200px;
}
.u_d590f8 .category-card .category-info {
min-height: 54px;
padding: 0.7em 0.7em 1em 0.74em;
}
.u_d590f8 .category-card .category-info .category-title {
font-size: 1.04rem;
}
.u_d590f8 .category-card .category-info .category-rating {
width: 17px; height: 14px;
}
.u_d590f8 .category-card .category-info .category-rating::before {
width: 12px; height: 2.5px; left:2px; top:4px;
}
.u_d590f8 .category-card .category-info .category-rating::after {
left: 13px; top: 2.5px;
border-width: 3px;
border-left-width: 7px;
}
.u_d590f8 .category-card .category-info .category-btn {
font-size: 0.89rem;
padding: 0.49em .63em;
border-radius: 5px;
margin-top: 3px;
}
}
/* blog/reviewtableofcontent.css */
.u_8afc79 {
background: var(--light);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 20px;
margin: 0 0 20px 0;
}
.u_8afc79 h3 {
font-size: var(--font-size-h2);
font-weight: var(--font-weight-heading);
margin-bottom: 15px;
color: var(--dark);
}
.u_8afc79 ul {
list-style: none;
padding: 0;
margin: 0;
}
.u_8afc79 ul li {
margin-bottom: 10px;
border-radius: var(--radius);
transition: var(--transition);
}
.u_8afc79 ul li a {
display: block;
padding: 10px 15px;
background: var(--light);
color: var(--dark);
text-decoration: none;
font-size: var(--font-size-base);
font-weight: var(--font-weight-body);
border-radius: var(--radius);
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
transition: var(--transition);
}
.u_8afc79 ul li a:hover {
background: var(--accent-transparent);
color: var(--dark);
}
@media (max-width: 768px) {
.u_8afc79 {
order: -1;
margin-bottom: 20px;
}
}
/* blog/bloglink7.css */
.u_a428dc {
width: 100%;
max-width: 340px;
margin: 0 auto var(--section-gap);
display: flex;
flex-direction: column;
gap: var(--page-gap);
position: relative;
z-index: 2;
background: none;
}
.u_a428dc .u_39d8c7 {
font-size: 1.15rem;
font-weight: 900;
color: var(--accent);
margin-bottom: .93em;
text-align: left;
letter-spacing: -0.01em;
padding-left: 13px;
position: relative;
}
.u_a428dc .u_39d8c7::before {
content: '';
position: absolute;
left: 0; top: 8px;
width: 5px; height: 23px;
background: linear-gradient(130deg, var(--primary), var(--accent-secondary));
border-radius: 6px;
opacity: 0.56;
}
.u_a428dc .u_2b65cb {
position: relative;
display: flex;
flex-direction: column;
gap: 19px;
z-index: 2;
}
.u_a428dc .u_2b65cb .u_9e0acb {
display: flex;
flex-direction: column;
gap: 15px;
position: relative;
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a {
display: flex;
align-items: center;
position: relative;
border-radius: 17px;
background: var(--light);
box-shadow: 0 5px 23px 0 rgba(80,40,160,.11);
border: 1.6px solid var(--accent-secondary, #ABA1FB);
overflow: hidden;
min-height: 62px;
padding: 0;
margin-left: 0;
text-decoration: none;
color: var(--dark);
font-weight: 700;
transition: box-shadow .32s var(--transition), transform .23s var(--transition), border-color .18s;
will-change: transform;
z-index: 3;
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a:hover,
.u_a428dc .u_2b65cb .u_9e0acb .with-image a:focus {
box-shadow: 0 18px 38px 0 var(--accent-transparent), 0 0 0 5px var(--primary-hover);
transform: translateY(-4px) scale(1.022) rotate(-1.2deg);
border-color: var(--primary);
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a:focus-visible {
outline: 2px solid var(--primary-hover);
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a::before {
content: '';
position: absolute;
left: -17px; top: 50%;
transform: translateY(-50%);
width: 27px;
height: 27px;
background: radial-gradient(circle at 40% 70%, var(--primary) 57%, var(--accent) 95%);
filter: blur(0.8px);
border-radius: 100px;
opacity: .44;
z-index: 1;
box-shadow: 0 0 6px 0 var(--accent-secondary, #ABA1FB);
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image img {
width: 42px; height: 42px;
border-radius: 15px;
object-fit: cover;
background: var(--accent-transparent);
margin: 10px 0 10px 18px;
box-shadow: 0 1px 8px 0 var(--accent-transparent);
position: relative;
z-index: 2;
transition: filter .22s var(--transition), transform .18s var(--transition);
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a:hover img,
.u_a428dc .u_2b65cb .u_9e0acb .with-image a:focus img {
filter: brightness(1.07) saturate(1.1) grayscale(0%);
transform: rotate(1deg) scale(1.07);
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a {
font-size: 1.07rem;
line-height: 1.1;
padding: 13px 13px 13px 9px;
letter-spacing: 0.015em;
position: relative;
z-index: 3;
min-width: 0;
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a span,
.u_a428dc .u_2b65cb .u_9e0acb .with-image a strong {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a::after {
content: '';
position: absolute;
left: 0; top: 0;
width: 100%; height: 27px;
background: linear-gradient(180deg, var(--accent-transparent), transparent 85%);
pointer-events: none;
opacity: .29;
z-index: 9;
border-radius: 17px 17px 0 0;
}
.u_a428dc .u_3f58f7 {
position: absolute;
border-radius: 50%;
background: var(--accent-secondary, #ABA1FB);
opacity: 0.21;
filter: blur(3.5px);
z-index: 0;
animation: floatDot713 11s infinite alternate ease-in-out;
pointer-events: none;
}
.u_a428dc .u_d01e52 {
left: -13px; top: 3px; width: 41px; height: 41px;
background: var(--primary);
animation-delay: 0s;
}
.u_a428dc .u_aebcda {
right: -11px; top: 42px; width: 27px; height: 27px;
background: var(--accent);
animation-delay: 3s;
}
.u_a428dc .u_bc2db4 {
left: -20px; bottom: 23px; width: 31px; height: 31px;
background: var(--accent-secondary, #ABA1FB);
animation-delay: 6.2s;
}
.u_a428dc .u_93b395 {
right: -18px; bottom: 12px; width: 36px; height: 36px;
background: var(--primary);
animation-delay: 7.8s;
}
@keyframes floatDot713 {
0% { transform: translateY(0) scale(1);}
70% { filter: blur(2.5px);}
100% { transform: translateY(-23px) scale(1.14);}
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image {
display: block;
align-items: center;
justify-content: space-between;
background: none;
border-radius: 0;
padding: 4px 45px;
margin-bottom: 10px;
box-shadow: none;
transition: var(--transition);
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image:hover {
background: none;
}
@media (max-width: 500px) {
.u_a428dc {
max-width: 99vw;
border-radius: 8px;
}
.u_a428dc .u_39d8c7 {
font-size: 1.01rem;
padding-left: 7px;
}
.u_a428dc .u_39d8c7::before {
width: 3px; height: 12px; left: 0; top: 8px;
}
.u_a428dc .u_2b65cb {
gap: 12px;
}
.u_a428dc .u_2b65cb .u_9e0acb {
gap: 8px;
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image a {
font-size: .91rem;
min-height: 43px;
padding: 8px 6px 8px 4px;
border-radius: 14px;
}
.u_a428dc .u_2b65cb .u_9e0acb .with-image img {
width: 24px; height: 24px; margin: 6px 0 6px 7px;
border-radius: 5px;
}
.u_a428dc .u_3f58f7 {
width: 19vw !important;
height: 19vw !important;
}
.u_a428dc .u_d01e52 { left: -6vw; top: 3vw;}
.u_a428dc .u_aebcda { right: -5vw; top: 12vw;}
.u_a428dc .u_bc2db4 { left: -7vw; bottom: 8vw;}
.u_a428dc .u_93b395 { right: -7vw; bottom: 4vw;}
}
/* blog/blogbody3.css */
.u_c8ff10 {
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
overflow-x: hidden;
padding: var(--section-gap);
box-sizing: border-box;
max-width: 100%;
margin: 0 auto var(--section-gap) auto;
border: 1px solid var(--accent-transparent);
transition: var(--transition);
}
.u_bf04bf {
display: flex;
flex-direction: column;
gap: var(--section-gap);
align-items: center;
max-width: 740px;
margin: 0 auto;
width: 100%;
}
.u_6f9470 {
width: 100%;
max-width: 900px;
position: relative;
border-radius: calc(var(--radius) * 2);
overflow: hidden;
aspect-ratio: 16 / 10;
box-shadow: 0 4px 26px 0 rgba(0,0,0,0.13), 0 2px 7px 0 rgba(0,0,0,0.04);
background: var(--accent-transparent);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(0.5px);
min-width: 0;
}
.u_6f9470 img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
min-width: 0;
max-width: 100%;
transition: var(--transition);
}
.u_97f274 {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.u_97f274 .u_f2da4b {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
color: var(--dark);
font-size: 1.14rem;
line-height: 1.72;
letter-spacing: -0.01em;
font-weight: 400;
max-width: 100%;
margin: 0 auto;
}
.u_97f274 .u_f2da4b h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.4em;
color: var(--primary);
line-height: 1.13;
letter-spacing: -0.015em;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.34rem;
font-weight: 600;
margin-top: 1.15em;
margin-bottom: 0.46em;
color: var(--accent);
line-height: 1.23;
letter-spacing: -0.01em;
}
.u_97f274 .u_f2da4b p {
margin: 0 0 1.1em 0;
color: var(--dark-default);
font-weight: 400;
}
.u_97f274 .u_f2da4b ul,
.u_97f274 .u_f2da4b ol {
padding-left: 2em;
margin: 1.14em 0;
font-size: 1.01em;
}
.u_97f274 .u_f2da4b ul {
list-style-type: disc;
}
.u_97f274 .u_f2da4b ol {
list-style-type: decimal;
}
.u_97f274 .u_f2da4b li {
margin-bottom: 0.33em;
line-height: 1.6;
}
.u_97f274 .u_f2da4b a {
color: var(--accent);
text-decoration: underline;
transition: color 0.22s cubic-bezier(0.39,0,0.17,0.99);
font-weight: 500;
}
.u_97f274 .u_f2da4b a:hover,
.u_97f274 .u_f2da4b a:focus {
color: var(--primary-hover);
text-decoration: underline wavy;
outline: none;
text-shadow: 0 1px 0 var(--accent-transparent);
}
.u_97f274 .u_f2da4b table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5em 0;
background: var(--light);
box-shadow: 0 2px 8px 0 rgba(80,60,150,0.07);
border-radius: var(--radius);
overflow-x: auto;
font-size: 0.98em;
}
.u_97f274 .u_f2da4b thead {
background: var(--accent-transparent);
}
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
padding: 0.48em 1em;
border-bottom: 1px solid var(--accent-secondary);
text-align: left;
color: var(--dark);
}
.u_97f274 .u_f2da4b th {
color: var(--primary);
font-weight: 600;
}
.u_97f274 .u_f2da4b tr:last-child td {
border-bottom: none;
}
.u_97f274 .u_f2da4b b,
.u_97f274 .u_f2da4b strong {
font-weight: 600;
color: var(--primary);
}
.u_97f274 .u_f2da4b i,
.u_97f274 .u_f2da4b em {
font-style: italic;
color: var(--accent);
}
@media (max-width: 900px) {
.u_bf04bf {
max-width: 100%;
padding: 0;
}
.u_6f9470 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
aspect-ratio: 16 / 10;
max-width: 100%;
}
}
@media (max-width: 768px) {
.u_c8ff10 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
}
.u_bf04bf {
gap: var(--page-gap-reduced);
}
.u_6f9470 {
border-radius: var(--radius);
aspect-ratio: 16 / 10;
}
.u_97f274 {
padding: 0;
}
.u_97f274 .u_f2da4b {
font-size: 1.01rem;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.4rem;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.09rem;
}
.u_97f274 .u_f2da4b table,
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
font-size: 0.97em;
padding: 0.31em 0.55em;
}
}
@media (max-width: 460px) {
.u_6f9470 {
aspect-ratio: 3 / 2;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.12rem;
}
}
/* blog/blogbody3.css */
.u_c8ff10 {
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
overflow-x: hidden;
padding: var(--section-gap);
box-sizing: border-box;
max-width: 100%;
margin: 0 auto var(--section-gap) auto;
border: 1px solid var(--accent-transparent);
transition: var(--transition);
}
.u_bf04bf {
display: flex;
flex-direction: column;
gap: var(--section-gap);
align-items: center;
max-width: 740px;
margin: 0 auto;
width: 100%;
}
.u_6f9470 {
width: 100%;
max-width: 900px;
position: relative;
border-radius: calc(var(--radius) * 2);
overflow: hidden;
aspect-ratio: 16 / 10;
box-shadow: 0 4px 26px 0 rgba(0,0,0,0.13), 0 2px 7px 0 rgba(0,0,0,0.04);
background: var(--accent-transparent);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(0.5px);
min-width: 0;
}
.u_6f9470 img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
min-width: 0;
max-width: 100%;
transition: var(--transition);
}
.u_97f274 {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.u_97f274 .u_f2da4b {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
color: var(--dark);
font-size: 1.14rem;
line-height: 1.72;
letter-spacing: -0.01em;
font-weight: 400;
max-width: 100%;
margin: 0 auto;
}
.u_97f274 .u_f2da4b h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.4em;
color: var(--primary);
line-height: 1.13;
letter-spacing: -0.015em;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.34rem;
font-weight: 600;
margin-top: 1.15em;
margin-bottom: 0.46em;
color: var(--accent);
line-height: 1.23;
letter-spacing: -0.01em;
}
.u_97f274 .u_f2da4b p {
margin: 0 0 1.1em 0;
color: var(--dark-default);
font-weight: 400;
}
.u_97f274 .u_f2da4b ul,
.u_97f274 .u_f2da4b ol {
padding-left: 2em;
margin: 1.14em 0;
font-size: 1.01em;
}
.u_97f274 .u_f2da4b ul {
list-style-type: disc;
}
.u_97f274 .u_f2da4b ol {
list-style-type: decimal;
}
.u_97f274 .u_f2da4b li {
margin-bottom: 0.33em;
line-height: 1.6;
}
.u_97f274 .u_f2da4b a {
color: var(--accent);
text-decoration: underline;
transition: color 0.22s cubic-bezier(0.39,0,0.17,0.99);
font-weight: 500;
}
.u_97f274 .u_f2da4b a:hover,
.u_97f274 .u_f2da4b a:focus {
color: var(--primary-hover);
text-decoration: underline wavy;
outline: none;
text-shadow: 0 1px 0 var(--accent-transparent);
}
.u_97f274 .u_f2da4b table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5em 0;
background: var(--light);
box-shadow: 0 2px 8px 0 rgba(80,60,150,0.07);
border-radius: var(--radius);
overflow-x: auto;
font-size: 0.98em;
}
.u_97f274 .u_f2da4b thead {
background: var(--accent-transparent);
}
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
padding: 0.48em 1em;
border-bottom: 1px solid var(--accent-secondary);
text-align: left;
color: var(--dark);
}
.u_97f274 .u_f2da4b th {
color: var(--primary);
font-weight: 600;
}
.u_97f274 .u_f2da4b tr:last-child td {
border-bottom: none;
}
.u_97f274 .u_f2da4b b,
.u_97f274 .u_f2da4b strong {
font-weight: 600;
color: var(--primary);
}
.u_97f274 .u_f2da4b i,
.u_97f274 .u_f2da4b em {
font-style: italic;
color: var(--accent);
}
@media (max-width: 900px) {
.u_bf04bf {
max-width: 100%;
padding: 0;
}
.u_6f9470 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
aspect-ratio: 16 / 10;
max-width: 100%;
}
}
@media (max-width: 768px) {
.u_c8ff10 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
}
.u_bf04bf {
gap: var(--page-gap-reduced);
}
.u_6f9470 {
border-radius: var(--radius);
aspect-ratio: 16 / 10;
}
.u_97f274 {
padding: 0;
}
.u_97f274 .u_f2da4b {
font-size: 1.01rem;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.4rem;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.09rem;
}
.u_97f274 .u_f2da4b table,
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
font-size: 0.97em;
padding: 0.31em 0.55em;
}
}
@media (max-width: 460px) {
.u_6f9470 {
aspect-ratio: 3 / 2;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.12rem;
}
}
/* blog/blogbody3.css */
.u_c8ff10 {
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
overflow-x: hidden;
padding: var(--section-gap);
box-sizing: border-box;
max-width: 100%;
margin: 0 auto var(--section-gap) auto;
border: 1px solid var(--accent-transparent);
transition: var(--transition);
}
.u_bf04bf {
display: flex;
flex-direction: column;
gap: var(--section-gap);
align-items: center;
max-width: 740px;
margin: 0 auto;
width: 100%;
}
.u_6f9470 {
width: 100%;
max-width: 900px;
position: relative;
border-radius: calc(var(--radius) * 2);
overflow: hidden;
aspect-ratio: 16 / 10;
box-shadow: 0 4px 26px 0 rgba(0,0,0,0.13), 0 2px 7px 0 rgba(0,0,0,0.04);
background: var(--accent-transparent);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(0.5px);
min-width: 0;
}
.u_6f9470 img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
min-width: 0;
max-width: 100%;
transition: var(--transition);
}
.u_97f274 {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.u_97f274 .u_f2da4b {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
color: var(--dark);
font-size: 1.14rem;
line-height: 1.72;
letter-spacing: -0.01em;
font-weight: 400;
max-width: 100%;
margin: 0 auto;
}
.u_97f274 .u_f2da4b h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.4em;
color: var(--primary);
line-height: 1.13;
letter-spacing: -0.015em;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.34rem;
font-weight: 600;
margin-top: 1.15em;
margin-bottom: 0.46em;
color: var(--accent);
line-height: 1.23;
letter-spacing: -0.01em;
}
.u_97f274 .u_f2da4b p {
margin: 0 0 1.1em 0;
color: var(--dark-default);
font-weight: 400;
}
.u_97f274 .u_f2da4b ul,
.u_97f274 .u_f2da4b ol {
padding-left: 2em;
margin: 1.14em 0;
font-size: 1.01em;
}
.u_97f274 .u_f2da4b ul {
list-style-type: disc;
}
.u_97f274 .u_f2da4b ol {
list-style-type: decimal;
}
.u_97f274 .u_f2da4b li {
margin-bottom: 0.33em;
line-height: 1.6;
}
.u_97f274 .u_f2da4b a {
color: var(--accent);
text-decoration: underline;
transition: color 0.22s cubic-bezier(0.39,0,0.17,0.99);
font-weight: 500;
}
.u_97f274 .u_f2da4b a:hover,
.u_97f274 .u_f2da4b a:focus {
color: var(--primary-hover);
text-decoration: underline wavy;
outline: none;
text-shadow: 0 1px 0 var(--accent-transparent);
}
.u_97f274 .u_f2da4b table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5em 0;
background: var(--light);
box-shadow: 0 2px 8px 0 rgba(80,60,150,0.07);
border-radius: var(--radius);
overflow-x: auto;
font-size: 0.98em;
}
.u_97f274 .u_f2da4b thead {
background: var(--accent-transparent);
}
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
padding: 0.48em 1em;
border-bottom: 1px solid var(--accent-secondary);
text-align: left;
color: var(--dark);
}
.u_97f274 .u_f2da4b th {
color: var(--primary);
font-weight: 600;
}
.u_97f274 .u_f2da4b tr:last-child td {
border-bottom: none;
}
.u_97f274 .u_f2da4b b,
.u_97f274 .u_f2da4b strong {
font-weight: 600;
color: var(--primary);
}
.u_97f274 .u_f2da4b i,
.u_97f274 .u_f2da4b em {
font-style: italic;
color: var(--accent);
}
@media (max-width: 900px) {
.u_bf04bf {
max-width: 100%;
padding: 0;
}
.u_6f9470 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
aspect-ratio: 16 / 10;
max-width: 100%;
}
}
@media (max-width: 768px) {
.u_c8ff10 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
}
.u_bf04bf {
gap: var(--page-gap-reduced);
}
.u_6f9470 {
border-radius: var(--radius);
aspect-ratio: 16 / 10;
}
.u_97f274 {
padding: 0;
}
.u_97f274 .u_f2da4b {
font-size: 1.01rem;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.4rem;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.09rem;
}
.u_97f274 .u_f2da4b table,
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
font-size: 0.97em;
padding: 0.31em 0.55em;
}
}
@media (max-width: 460px) {
.u_6f9470 {
aspect-ratio: 3 / 2;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.12rem;
}
}
/* blog/blogbody3.css */
.u_c8ff10 {
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
overflow-x: hidden;
padding: var(--section-gap);
box-sizing: border-box;
max-width: 100%;
margin: 0 auto var(--section-gap) auto;
border: 1px solid var(--accent-transparent);
transition: var(--transition);
}
.u_bf04bf {
display: flex;
flex-direction: column;
gap: var(--section-gap);
align-items: center;
max-width: 740px;
margin: 0 auto;
width: 100%;
}
.u_6f9470 {
width: 100%;
max-width: 900px;
position: relative;
border-radius: calc(var(--radius) * 2);
overflow: hidden;
aspect-ratio: 16 / 10;
box-shadow: 0 4px 26px 0 rgba(0,0,0,0.13), 0 2px 7px 0 rgba(0,0,0,0.04);
background: var(--accent-transparent);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(0.5px);
min-width: 0;
}
.u_6f9470 img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
min-width: 0;
max-width: 100%;
transition: var(--transition);
}
.u_97f274 {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.u_97f274 .u_f2da4b {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
color: var(--dark);
font-size: 1.14rem;
line-height: 1.72;
letter-spacing: -0.01em;
font-weight: 400;
max-width: 100%;
margin: 0 auto;
}
.u_97f274 .u_f2da4b h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.4em;
color: var(--primary);
line-height: 1.13;
letter-spacing: -0.015em;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.34rem;
font-weight: 600;
margin-top: 1.15em;
margin-bottom: 0.46em;
color: var(--accent);
line-height: 1.23;
letter-spacing: -0.01em;
}
.u_97f274 .u_f2da4b p {
margin: 0 0 1.1em 0;
color: var(--dark-default);
font-weight: 400;
}
.u_97f274 .u_f2da4b ul,
.u_97f274 .u_f2da4b ol {
padding-left: 2em;
margin: 1.14em 0;
font-size: 1.01em;
}
.u_97f274 .u_f2da4b ul {
list-style-type: disc;
}
.u_97f274 .u_f2da4b ol {
list-style-type: decimal;
}
.u_97f274 .u_f2da4b li {
margin-bottom: 0.33em;
line-height: 1.6;
}
.u_97f274 .u_f2da4b a {
color: var(--accent);
text-decoration: underline;
transition: color 0.22s cubic-bezier(0.39,0,0.17,0.99);
font-weight: 500;
}
.u_97f274 .u_f2da4b a:hover,
.u_97f274 .u_f2da4b a:focus {
color: var(--primary-hover);
text-decoration: underline wavy;
outline: none;
text-shadow: 0 1px 0 var(--accent-transparent);
}
.u_97f274 .u_f2da4b table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5em 0;
background: var(--light);
box-shadow: 0 2px 8px 0 rgba(80,60,150,0.07);
border-radius: var(--radius);
overflow-x: auto;
font-size: 0.98em;
}
.u_97f274 .u_f2da4b thead {
background: var(--accent-transparent);
}
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
padding: 0.48em 1em;
border-bottom: 1px solid var(--accent-secondary);
text-align: left;
color: var(--dark);
}
.u_97f274 .u_f2da4b th {
color: var(--primary);
font-weight: 600;
}
.u_97f274 .u_f2da4b tr:last-child td {
border-bottom: none;
}
.u_97f274 .u_f2da4b b,
.u_97f274 .u_f2da4b strong {
font-weight: 600;
color: var(--primary);
}
.u_97f274 .u_f2da4b i,
.u_97f274 .u_f2da4b em {
font-style: italic;
color: var(--accent);
}
@media (max-width: 900px) {
.u_bf04bf {
max-width: 100%;
padding: 0;
}
.u_6f9470 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
aspect-ratio: 16 / 10;
max-width: 100%;
}
}
@media (max-width: 768px) {
.u_c8ff10 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
}
.u_bf04bf {
gap: var(--page-gap-reduced);
}
.u_6f9470 {
border-radius: var(--radius);
aspect-ratio: 16 / 10;
}
.u_97f274 {
padding: 0;
}
.u_97f274 .u_f2da4b {
font-size: 1.01rem;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.4rem;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.09rem;
}
.u_97f274 .u_f2da4b table,
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
font-size: 0.97em;
padding: 0.31em 0.55em;
}
}
@media (max-width: 460px) {
.u_6f9470 {
aspect-ratio: 3 / 2;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.12rem;
}
}
/* blog/blogbody3.css */
.u_c8ff10 {
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
overflow-x: hidden;
padding: var(--section-gap);
box-sizing: border-box;
max-width: 100%;
margin: 0 auto var(--section-gap) auto;
border: 1px solid var(--accent-transparent);
transition: var(--transition);
}
.u_bf04bf {
display: flex;
flex-direction: column;
gap: var(--section-gap);
align-items: center;
max-width: 740px;
margin: 0 auto;
width: 100%;
}
.u_6f9470 {
width: 100%;
max-width: 900px;
position: relative;
border-radius: calc(var(--radius) * 2);
overflow: hidden;
aspect-ratio: 16 / 10;
box-shadow: 0 4px 26px 0 rgba(0,0,0,0.13), 0 2px 7px 0 rgba(0,0,0,0.04);
background: var(--accent-transparent);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(0.5px);
min-width: 0;
}
.u_6f9470 img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
min-width: 0;
max-width: 100%;
transition: var(--transition);
}
.u_97f274 {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.u_97f274 .u_f2da4b {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
color: var(--dark);
font-size: 1.14rem;
line-height: 1.72;
letter-spacing: -0.01em;
font-weight: 400;
max-width: 100%;
margin: 0 auto;
}
.u_97f274 .u_f2da4b h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.4em;
color: var(--primary);
line-height: 1.13;
letter-spacing: -0.015em;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.34rem;
font-weight: 600;
margin-top: 1.15em;
margin-bottom: 0.46em;
color: var(--accent);
line-height: 1.23;
letter-spacing: -0.01em;
}
.u_97f274 .u_f2da4b p {
margin: 0 0 1.1em 0;
color: var(--dark-default);
font-weight: 400;
}
.u_97f274 .u_f2da4b ul,
.u_97f274 .u_f2da4b ol {
padding-left: 2em;
margin: 1.14em 0;
font-size: 1.01em;
}
.u_97f274 .u_f2da4b ul {
list-style-type: disc;
}
.u_97f274 .u_f2da4b ol {
list-style-type: decimal;
}
.u_97f274 .u_f2da4b li {
margin-bottom: 0.33em;
line-height: 1.6;
}
.u_97f274 .u_f2da4b a {
color: var(--accent);
text-decoration: underline;
transition: color 0.22s cubic-bezier(0.39,0,0.17,0.99);
font-weight: 500;
}
.u_97f274 .u_f2da4b a:hover,
.u_97f274 .u_f2da4b a:focus {
color: var(--primary-hover);
text-decoration: underline wavy;
outline: none;
text-shadow: 0 1px 0 var(--accent-transparent);
}
.u_97f274 .u_f2da4b table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5em 0;
background: var(--light);
box-shadow: 0 2px 8px 0 rgba(80,60,150,0.07);
border-radius: var(--radius);
overflow-x: auto;
font-size: 0.98em;
}
.u_97f274 .u_f2da4b thead {
background: var(--accent-transparent);
}
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
padding: 0.48em 1em;
border-bottom: 1px solid var(--accent-secondary);
text-align: left;
color: var(--dark);
}
.u_97f274 .u_f2da4b th {
color: var(--primary);
font-weight: 600;
}
.u_97f274 .u_f2da4b tr:last-child td {
border-bottom: none;
}
.u_97f274 .u_f2da4b b,
.u_97f274 .u_f2da4b strong {
font-weight: 600;
color: var(--primary);
}
.u_97f274 .u_f2da4b i,
.u_97f274 .u_f2da4b em {
font-style: italic;
color: var(--accent);
}
@media (max-width: 900px) {
.u_bf04bf {
max-width: 100%;
padding: 0;
}
.u_6f9470 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
aspect-ratio: 16 / 10;
max-width: 100%;
}
}
@media (max-width: 768px) {
.u_c8ff10 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
}
.u_bf04bf {
gap: var(--page-gap-reduced);
}
.u_6f9470 {
border-radius: var(--radius);
aspect-ratio: 16 / 10;
}
.u_97f274 {
padding: 0;
}
.u_97f274 .u_f2da4b {
font-size: 1.01rem;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.4rem;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.09rem;
}
.u_97f274 .u_f2da4b table,
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
font-size: 0.97em;
padding: 0.31em 0.55em;
}
}
@media (max-width: 460px) {
.u_6f9470 {
aspect-ratio: 3 / 2;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.12rem;
}
}
/* blog/blogbody3.css */
.u_c8ff10 {
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
overflow-x: hidden;
padding: var(--section-gap);
box-sizing: border-box;
max-width: 100%;
margin: 0 auto var(--section-gap) auto;
border: 1px solid var(--accent-transparent);
transition: var(--transition);
}
.u_bf04bf {
display: flex;
flex-direction: column;
gap: var(--section-gap);
align-items: center;
max-width: 740px;
margin: 0 auto;
width: 100%;
}
.u_6f9470 {
width: 100%;
max-width: 900px;
position: relative;
border-radius: calc(var(--radius) * 2);
overflow: hidden;
aspect-ratio: 16 / 10;
box-shadow: 0 4px 26px 0 rgba(0,0,0,0.13), 0 2px 7px 0 rgba(0,0,0,0.04);
background: var(--accent-transparent);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(0.5px);
min-width: 0;
}
.u_6f9470 img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
min-width: 0;
max-width: 100%;
transition: var(--transition);
}
.u_97f274 {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.u_97f274 .u_f2da4b {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
color: var(--dark);
font-size: 1.14rem;
line-height: 1.72;
letter-spacing: -0.01em;
font-weight: 400;
max-width: 100%;
margin: 0 auto;
}
.u_97f274 .u_f2da4b h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.4em;
color: var(--primary);
line-height: 1.13;
letter-spacing: -0.015em;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.34rem;
font-weight: 600;
margin-top: 1.15em;
margin-bottom: 0.46em;
color: var(--accent);
line-height: 1.23;
letter-spacing: -0.01em;
}
.u_97f274 .u_f2da4b p {
margin: 0 0 1.1em 0;
color: var(--dark-default);
font-weight: 400;
}
.u_97f274 .u_f2da4b ul,
.u_97f274 .u_f2da4b ol {
padding-left: 2em;
margin: 1.14em 0;
font-size: 1.01em;
}
.u_97f274 .u_f2da4b ul {
list-style-type: disc;
}
.u_97f274 .u_f2da4b ol {
list-style-type: decimal;
}
.u_97f274 .u_f2da4b li {
margin-bottom: 0.33em;
line-height: 1.6;
}
.u_97f274 .u_f2da4b a {
color: var(--accent);
text-decoration: underline;
transition: color 0.22s cubic-bezier(0.39,0,0.17,0.99);
font-weight: 500;
}
.u_97f274 .u_f2da4b a:hover,
.u_97f274 .u_f2da4b a:focus {
color: var(--primary-hover);
text-decoration: underline wavy;
outline: none;
text-shadow: 0 1px 0 var(--accent-transparent);
}
.u_97f274 .u_f2da4b table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5em 0;
background: var(--light);
box-shadow: 0 2px 8px 0 rgba(80,60,150,0.07);
border-radius: var(--radius);
overflow-x: auto;
font-size: 0.98em;
}
.u_97f274 .u_f2da4b thead {
background: var(--accent-transparent);
}
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
padding: 0.48em 1em;
border-bottom: 1px solid var(--accent-secondary);
text-align: left;
color: var(--dark);
}
.u_97f274 .u_f2da4b th {
color: var(--primary);
font-weight: 600;
}
.u_97f274 .u_f2da4b tr:last-child td {
border-bottom: none;
}
.u_97f274 .u_f2da4b b,
.u_97f274 .u_f2da4b strong {
font-weight: 600;
color: var(--primary);
}
.u_97f274 .u_f2da4b i,
.u_97f274 .u_f2da4b em {
font-style: italic;
color: var(--accent);
}
@media (max-width: 900px) {
.u_bf04bf {
max-width: 100%;
padding: 0;
}
.u_6f9470 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
aspect-ratio: 16 / 10;
max-width: 100%;
}
}
@media (max-width: 768px) {
.u_c8ff10 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
}
.u_bf04bf {
gap: var(--page-gap-reduced);
}
.u_6f9470 {
border-radius: var(--radius);
aspect-ratio: 16 / 10;
}
.u_97f274 {
padding: 0;
}
.u_97f274 .u_f2da4b {
font-size: 1.01rem;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.4rem;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.09rem;
}
.u_97f274 .u_f2da4b table,
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
font-size: 0.97em;
padding: 0.31em 0.55em;
}
}
@media (max-width: 460px) {
.u_6f9470 {
aspect-ratio: 3 / 2;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.12rem;
}
}
/* blog/blogbody3.css */
.u_c8ff10 {
background: var(--light);
box-shadow: var(--shadow);
border-radius: var(--radius);
overflow-x: hidden;
padding: var(--section-gap);
box-sizing: border-box;
max-width: 100%;
margin: 0 auto var(--section-gap) auto;
border: 1px solid var(--accent-transparent);
transition: var(--transition);
}
.u_bf04bf {
display: flex;
flex-direction: column;
gap: var(--section-gap);
align-items: center;
max-width: 740px;
margin: 0 auto;
width: 100%;
}
.u_6f9470 {
width: 100%;
max-width: 900px;
position: relative;
border-radius: calc(var(--radius) * 2);
overflow: hidden;
aspect-ratio: 16 / 10;
box-shadow: 0 4px 26px 0 rgba(0,0,0,0.13), 0 2px 7px 0 rgba(0,0,0,0.04);
background: var(--accent-transparent);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(0.5px);
min-width: 0;
}
.u_6f9470 img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
min-width: 0;
max-width: 100%;
transition: var(--transition);
}
.u_97f274 {
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.u_97f274 .u_f2da4b {
font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
color: var(--dark);
font-size: 1.14rem;
line-height: 1.72;
letter-spacing: -0.01em;
font-weight: 400;
max-width: 100%;
margin: 0 auto;
}
.u_97f274 .u_f2da4b h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.4em;
color: var(--primary);
line-height: 1.13;
letter-spacing: -0.015em;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.34rem;
font-weight: 600;
margin-top: 1.15em;
margin-bottom: 0.46em;
color: var(--accent);
line-height: 1.23;
letter-spacing: -0.01em;
}
.u_97f274 .u_f2da4b p {
margin: 0 0 1.1em 0;
color: var(--dark-default);
font-weight: 400;
}
.u_97f274 .u_f2da4b ul,
.u_97f274 .u_f2da4b ol {
padding-left: 2em;
margin: 1.14em 0;
font-size: 1.01em;
}
.u_97f274 .u_f2da4b ul {
list-style-type: disc;
}
.u_97f274 .u_f2da4b ol {
list-style-type: decimal;
}
.u_97f274 .u_f2da4b li {
margin-bottom: 0.33em;
line-height: 1.6;
}
.u_97f274 .u_f2da4b a {
color: var(--accent);
text-decoration: underline;
transition: color 0.22s cubic-bezier(0.39,0,0.17,0.99);
font-weight: 500;
}
.u_97f274 .u_f2da4b a:hover,
.u_97f274 .u_f2da4b a:focus {
color: var(--primary-hover);
text-decoration: underline wavy;
outline: none;
text-shadow: 0 1px 0 var(--accent-transparent);
}
.u_97f274 .u_f2da4b table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5em 0;
background: var(--light);
box-shadow: 0 2px 8px 0 rgba(80,60,150,0.07);
border-radius: var(--radius);
overflow-x: auto;
font-size: 0.98em;
}
.u_97f274 .u_f2da4b thead {
background: var(--accent-transparent);
}
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
padding: 0.48em 1em;
border-bottom: 1px solid var(--accent-secondary);
text-align: left;
color: var(--dark);
}
.u_97f274 .u_f2da4b th {
color: var(--primary);
font-weight: 600;
}
.u_97f274 .u_f2da4b tr:last-child td {
border-bottom: none;
}
.u_97f274 .u_f2da4b b,
.u_97f274 .u_f2da4b strong {
font-weight: 600;
color: var(--primary);
}
.u_97f274 .u_f2da4b i,
.u_97f274 .u_f2da4b em {
font-style: italic;
color: var(--accent);
}
@media (max-width: 900px) {
.u_bf04bf {
max-width: 100%;
padding: 0;
}
.u_6f9470 {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
aspect-ratio: 16 / 10;
max-width: 100%;
}
}
@media (max-width: 768px) {
.u_c8ff10 {
padding: var(--page-gap-reduced);
border-radius: var(--radius);
}
.u_bf04bf {
gap: var(--page-gap-reduced);
}
.u_6f9470 {
border-radius: var(--radius);
aspect-ratio: 16 / 10;
}
.u_97f274 {
padding: 0;
}
.u_97f274 .u_f2da4b {
font-size: 1.01rem;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.4rem;
}
.u_97f274 .u_f2da4b h3 {
font-size: 1.09rem;
}
.u_97f274 .u_f2da4b table,
.u_97f274 .u_f2da4b th,
.u_97f274 .u_f2da4b td {
font-size: 0.97em;
padding: 0.31em 0.55em;
}
}
@media (max-width: 460px) {
.u_6f9470 {
aspect-ratio: 3 / 2;
}
.u_97f274 .u_f2da4b h2 {
font-size: 1.12rem;
}
}