:root{--content-page-bg: hsl(257, 7%, 96%);
--content-surface-bg: #ffffff;
--content-text: hsl(257, 10%, 10%);
--content-text-muted: rgba(24,33,47,0.72);
--content-border: rgba(257, 10%, 10%, 0.08);
--content-link-color: hsl(257, 71%, 56%);
--content-accent-ui: hsl(257, 71%, 56%);
--container-max: 1640px;
--content-width-narrow: 882px;
--radius-lg: 20px;
--radius-md: 12px;
--primary-color: var(--content-accent-ui, hsl(7, 57%, 56%));
--secondary-color: var(--content-link-hover, var(--content-accent-ui, hsl(7, 57%, 56%)));
--bg-color: var(--content-page-bg, hsl(257, 7%, 96%));
--text-color: var(--content-text, hsl(257, 10%, 10%));
--text-muted: var(--content-text-muted, rgba(24, 33, 47, 0.72));
--border-color: var(--content-border, rgba(257, 10%, 10%, 0.08));
--page-max-width: 1640px;
--idx-max-width: 1640px;
--max-width: 1640px;
--page-reading-width: 1017px;
--reading-width: 1017px;
--content-width: 1017px;
--text-column-width: 1017px;
--text-width: 1033px;
--page-hero-reading-width: 882px;
--hero-text-width: 882px;
--hero-text-max: 882px;
--hero-text-max-width: 882px;
--transition: all 0.25s ease;
--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: 20px;
--page-card-shadow: none;
--page-card-border: rgba(257, 10%, 10%, 0.08);
--page-card-bg: rgb(230, 226, 243);
--content-heading: hsl(257, 10%, 10%);
--content-accent-text: hsl(257, 71%, 56%);
--content-link-hover: rgb(146, 114, 228);}
main.x97dfe__50d46.c2564ee_42{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--content-page-bg);
color: var(--content-text);
line-height: 1.6;
overflow-x: hidden;
text-align: left;}
main.x97dfe__50d46 .u5d76372_qdm{max-width: var(--container-max);
margin: 0 auto;
padding: 0 40px;}
main.x97dfe__50d46 .bc31f3174d{padding: 120px 0 80px;
background: linear-gradient(135deg, hsl(257, 71%, 98%) 0%, hsl(257, 7%, 96%) 100%);
border-bottom: 1px solid var(--content-border);}
main.x97dfe__50d46 .y5b1979a_hqk{max-width: var(--content-width-narrow);}
main.x97dfe__50d46 .y5b1979a_hqk h1{font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 800;
line-height: 1.1;
margin-bottom: 24px;
color: var(--content-text);
letter-spacing: -0.02em;}
main.x97dfe__50d46 .dfab66317{font-size: 1.25rem;
color: var(--content-text-muted);
margin-bottom: 40px;}
main.x97dfe__50d46 .w8935c4558{display: inline-flex;
align-items: center;
padding: 16px 32px;
background-color: var(--content-link-color);
color: #ffffff;
text-decoration: none;
border-radius: var(--radius-md);
font-weight: 600;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 4px 14px rgba(106, 68, 219, 0.3);}
main.x97dfe__50d46 .w8935c4558:hover{transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(106, 68, 219, 0.4);
color: #ffffff;}
main.x97dfe__50d46 .ma1dcac6{padding: 80px 0;}
main.x97dfe__50d46 .ydcf__9e5{margin-bottom: 48px;}
main.x97dfe__50d46 .ydcf__9e5 h2{font-size: 2rem;
font-weight: 700;
margin-bottom: 16px;}
main.x97dfe__50d46 .t454__6f3b2{display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
margin-bottom: 60px;}
main.x97dfe__50d46 .t8c873e_1n{background: var(--content-surface-bg);
padding: 32px;
border-radius: var(--radius-lg);
border: 1px solid var(--content-border);
transition: border-color 0.3s ease;}
main.x97dfe__50d46 .t8c873e_1n:hover{border-color: var(--content-link-color);}
main.x97dfe__50d46 .t8c873e_1n h3{font-size: 1.25rem;
margin-bottom: 16px;
color: var(--content-link-color);
display: flex;
align-items: center;
gap: 12px;}
main.x97dfe__50d46 .t8c873e_1n ul{list-style: none;
padding: 0;
margin: 0;}
main.x97dfe__50d46 .t8c873e_1n li{padding: 8px 0;
border-bottom: 1px solid rgba(0,0,0,0.03);
color: var(--content-text-muted);
font-size: 0.95rem;}
main.x97dfe__50d46 .t8c873e_1n li b{color: var(--content-text);}
main.x97dfe__50d46 .d72920a99f{background: var(--content-surface-bg);
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid var(--content-border);
margin-top: 40px;}
main.x97dfe__50d46 .n2c9e__11fd9{overflow-x: auto;}
main.x97dfe__50d46 table.yc30919_0c{width: 100%;
border-collapse: collapse;
text-align: left;}
main.x97dfe__50d46 .yc30919_0c th{background: #f8f9fa;
padding: 20px;
font-weight: 600;
border-bottom: 2px solid var(--content-border);}
main.x97dfe__50d46 .yc30919_0c td{padding: 20px;
border-bottom: 1px solid var(--content-border);}
main.x97dfe__50d46 .gpd3z5bta3i9{display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
background: #eee;}
main.x97dfe__50d46 .vj67wn2q{background: rgba(106, 68, 219, 0.1);
color: var(--content-link-color);}
main.x97dfe__50d46 .hh05sqr8o8{padding: 80px 0;
background: #ffffff;}
main.x97dfe__50d46 .g91343bb20{display: flex;
gap: 60px;
align-items: center;
flex-wrap: wrap;}
main.x97dfe__50d46 .g9987_b12{flex: 1;
min-width: 320px;}
main.x97dfe__50d46 .glilwsa8{flex: 1;
min-width: 320px;}
main.x97dfe__50d46 .glilwsa8 img{width: 100%;
border-radius: var(--radius-lg);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
object-fit: cover;}
main.x97dfe__50d46 .q319d2_2d{padding: 80px 0;}
main.x97dfe__50d46 .jdbb224_cyk{margin-bottom: 24px;
background: var(--content-surface-bg);
border-radius: var(--radius-md);
border: 1px solid var(--content-border);
padding: 24px;}
main.x97dfe__50d46 .jdbb224_cyk h3{font-size: 1.1rem;
margin-bottom: 12px;
color: var(--content-text);
font-weight: 600;}
main.x97dfe__50d46 .jdbb224_cyk p{color: var(--content-text-muted);
font-size: 1rem;}
main.x97dfe__50d46 .oa3578e_019{padding: 100px 0;
text-align: center;
background: var(--content-link-color);
color: #ffffff;}
main.x97dfe__50d46 .oa3578e_019 h2{font-size: 2.5rem;
margin-bottom: 24px;
color: #ffffff;}
main.x97dfe__50d46 .b066036638b{display: inline-block;
padding: 18px 48px;
background: #ffffff;
color: var(--content-link-color);
text-decoration: none;
border-radius: var(--radius-md);
font-weight: 700;
font-size: 1.1rem;
transition: all 0.3s ease;}
main.x97dfe__50d46 .b066036638b:hover{background: var(--content-accent-ui);
color: #ffffff;
transform: scale(1.05);}
main.x97dfe__50d46 .bglrje47v0i{color: var(--content-link-color);
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid transparent;
transition: border-color 0.2s;}
main.x97dfe__50d46 .bglrje47v0i:hover{border-bottom-color: var(--content-link-color);}
@media (max-width: 768px) {main.x97dfe__50d46 .u5d76372_qdm{padding: 0 24px;}
main.x97dfe__50d46 .bc31f3174d{padding: 80px 0 40px;}
main.x97dfe__50d46 .g91343bb20{flex-direction: column;}}
body{background: var(--content-page-bg);
color: var(--content-text);}
@media (min-width: 769px) {div.g91343bb20 > *{min-width: 0   !important;}
div.g9987_b12{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.glilwsa8{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.glilwsa8 :where(img, picture, video, canvas, svg), div.glilwsa8 picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;}}