:root{--content-page-bg: hsl(237, 6%, 97%);
--content-surface-bg: rgb(229, 230, 244);
--content-text: hsl(237, 10%, 6%);
--content-text-muted: rgba(24,33,47,0.72);
--content-border: rgb(229, 230, 244);
--content-accent-text: #ffffff;
--max-width: 1548px;
--read-width: 895px;
--primary-main: hsl(237, 67%, 59%);
--secondary-main: hsl(346, 54%, 59%);
--radius-lg: 22px;
--radius-md: 12px;
--shadow-subtle: 0 10px 30px -10px rgba(0,0,0,0.05);
--primary-color: hsl(237, 67%, 59%);
--secondary-color: hsl(346, 54%, 59%);
--text-container-width: 895px;
--transition: all 0.25s ease;
--page-max-width: 1548px;
--idx-max-width: 1548px;
--page-reading-width: 960px;
--reading-width: 960px;
--content-width: 960px;
--text-column-width: 960px;
--text-width: 950px;
--page-hero-reading-width: 895px;
--hero-text-width: 895px;
--hero-text-max: 895px;
--hero-text-max-width: 895px;
--site-page-frame-mode: contained;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: airy;
--page-card-radius: 22px;
--page-card-shadow: 0 16px 38px rgb(229, 230, 244);
--page-card-border: rgb(229, 230, 244);
--page-card-bg: rgb(229, 230, 244);
--content-heading: hsl(237, 10%, 6%);
--content-accent-ui: hsl(237, 67%, 59%);
--content-link-color: #ffffff;
--content-link-hover: hsl(346, 54%, 59%);}
main.c545e430a0 .m132c46df50{min-width:0;
overflow:hidden;}
main.c545e430a0 .m132c46df50>:is(img,picture,video,canvas,svg){display:block;
width:100%;
max-width:100%;
height:auto;}
main.c545e430a0 .u0c7f686{box-sizing:border-box;}
main.c545e430a0.u7b636_xl{background-color: var(--content-page-bg, #f4f4f7);
color: var(--content-text, #18212f);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
overflow-x: hidden;}
main.c545e430a0 .nj849n4lkh{max-width: var(--max-width);
margin: 0 auto;
padding: 80px 38px;}
main.c545e430a0 .n014090a_cx{text-align: center;}
main.c545e430a0 .o24imcti2l8{background: linear-gradient(180deg, #ffffff 0%, var(--content-page-bg) 100%);
padding-top: 120px;
padding-bottom: 60px;
color: hsl(220, 10%, 11%);}
main.c545e430a0 .j483a35b04{max-width: var(--read-width);
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;}
main.c545e430a0 .o24imcti2l8 h1{font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 800;
margin-bottom: 24px;
color: var(--content-text);
line-height: 1.1;
letter-spacing: -0.02em;}
main.c545e430a0 .o24imcti2l8 p{font-size: 1.25rem;
color: var(--content-text-muted);
margin-bottom: 40px;}
main.c545e430a0 .l15881__5fab{display: flex;
gap: 16px;
margin-bottom: 60px;}
main.c545e430a0 .h80x8zy4{background-color: var(--primary-main);
color: #ffffff;
padding: 16px 42px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 4px 15px rgba(66, 76, 202, 0.3);}
main.c545e430a0 .h80x8zy4:hover{transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(66, 76, 202, 0.4);}
main.c545e430a0 .a68138f_ghwy{width: 100%;
max-width: 1200px;
margin: 0 auto;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-subtle);
overflow: hidden;
background: #fff;
border: 1px solid var(--content-border);
color: hsl(220, 10%, 11%);}
main.c545e430a0 .a68138f_ghwy img{width: 100%;
height: auto;
display: block;
object-fit: cover;}
main.c545e430a0 .d375f6_lnih{display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 60px;}
main.c545e430a0 .mee6ee__1fe3e{background: var(--content-surface-bg);
padding: 40px;
border-radius: var(--radius-lg);
border: 1px solid var(--content-border);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
color: hsl(220, 10%, 11%);}
main.c545e430a0 .mee6ee__1fe3e:hover{border-color: var(--primary-main);
transform: translateY(-5px);}
main.c545e430a0 .mee6ee__1fe3e .b073cb_er8{width: 48px;
height: 48px;
margin-bottom: 24px;
color: var(--primary-main);}
main.c545e430a0 .mee6ee__1fe3e h3{font-size: 1.5rem;
margin-bottom: 16px;}
main.c545e430a0 .mee6ee__1fe3e p{color: var(--content-text-muted);
font-size: 1rem;
flex-grow: 1;}
main.c545e430a0 .e62938886{background-color: #ffffff;
padding: 100px 0;
color: hsl(220, 10%, 11%);}
main.c545e430a0 .t01a9_74ad{display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;}
main.c545e430a0 .u0c7f686 h2{font-size: 2.5rem;
margin-bottom: 24px;}
main.c545e430a0 .q62664_e9{list-style: none;
padding: 0;}
main.c545e430a0 .q62664_e9 li{padding: 16px 0;
border-bottom: 1px solid var(--content-border);
display: flex;
align-items: center;}
main.c545e430a0 .q62664_e9 li::before{content: "→";
margin-right: 12px;
color: var(--primary-main);
font-weight: bold;}
main.c545e430a0 .m132c46df50 img{width: 100%;
border-radius: var(--radius-lg);
box-shadow: 20px 20px 60px rgba(0,0,0,0.05);}
main.c545e430a0 .u0d5165244{max-width: var(--read-width);
margin: 0 auto;
padding: 100px 38px;}
main.c545e430a0 .bbc5d43_ef{margin-bottom: 60px;}
main.c545e430a0 .g50e3f6_1lrn{margin-bottom: 30px;
background: var(--content-surface-bg);
padding: 30px;
border-radius: var(--radius-md);
border-left: 4px solid var(--primary-main);
color: hsl(220, 10%, 11%);}
main.c545e430a0 .g50e3f6_1lrn h4{font-size: 1.25rem;
margin-bottom: 12px;
color: var(--content-text);}
main.c545e430a0 .g50e3f6_1lrn p{color: var(--content-text-muted);}
main.c545e430a0 .r3eb05ae515{background: var(--primary-main);
color: #ffffff;
padding: 80px 38px;
text-align: center;}
main.c545e430a0 .r3eb05ae515 h2{font-size: 2.25rem;
margin-bottom: 24px;}
main.c545e430a0 .raf1b03bf{background-color: #11141a;
color: rgba(255,255,255,0.6);
padding: 60px 38px;
font-size: 0.9rem;}
main.c545e430a0 .g72d__4322{display: flex;
justify-content: center;
gap: 30px;
margin-bottom: 30px;
flex-wrap: wrap;}
main.c545e430a0 .g72d__4322 a{color: #ffffff;
text-decoration: none;
opacity: 0.8;
transition: opacity 0.2s;}
main.c545e430a0 .g72d__4322 a:hover{opacity: 1;}
@media (max-width: 1024px) {main.c545e430a0 .t01a9_74ad{grid-template-columns: 1fr;gap: 40px;}
main.c545e430a0 .o24imcti2l8 h1{font-size: 3rem;}}
@media (max-width: 768px) {main.c545e430a0 .nj849n4lkh{padding: 40px 20px;}
main.c545e430a0 .l15881__5fab{flex-direction: column;width: 100%;}
main.c545e430a0 .h80x8zy4{text-align: center;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
body{background: var(--content-page-bg, hsl(237, 6%, 97%));
color: var(--content-text, hsl(237, 10%, 6%));}