:root{--obsidian-main: hsl(269, 84%, 62%);
--obsidian-secondary: hsl(343, 67%, 62%);
--content-page-bg: hsl(269, 8%, 96%);
--content-surface-bg: #ffffff;
--content-text: hsl(269, 10%, 8%);
--content-text-muted: rgba(24, 33, 47, 0.72);
--content-border: rgba(269, 10%, 8%, 0.1);
--content-link-color: hsl(269, 10%, 8%);
--content-accent-ui: hsl(269, 84%, 62%);
--max-width-canvas: 1640px;
--max-width-content: 846px;
--radius-lg: 26px;
--radius-md: 12px;
--transition: all 0.25s ease;
--primary-color: var(--content-accent-ui, hsl(269, 84%, 62%));
--secondary-color: var(--content-link-hover, var(--content-accent-ui, hsl(269, 84%, 62%)));
--bg-color: var(--content-page-bg, hsl(269, 8%, 96%));
--text-color: var(--content-text, hsl(269, 10%, 8%));
--text-muted: var(--content-text-muted, rgba(24, 33, 47, 0.72));
--border-color: var(--content-border, rgba(269, 10%, 8%, 0.1));
--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: 1043px;
--page-hero-reading-width: 846px;
--hero-text-width: 846px;
--hero-text-max: 846px;
--hero-text-max-width: 846px;
--site-page-frame-mode: cinematic;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: airy;
--page-card-radius: 26px;
--page-card-shadow: 0 20px 48px rgb(235, 226, 244);
--page-card-border: rgba(269, 10%, 8%, 0.1);
--page-card-bg: rgb(235, 226, 244);
--content-heading: hsl(269, 10%, 8%);
--content-accent-text: hsl(269, 10%, 8%);
--content-link-hover: rgb(180, 123, 241);}
main.j80ae83f8.ke7a7d80_qm{background-color: var(--content-page-bg, #f5f5f7);
color: var(--content-text, #1d1d1f);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;}
main.j80ae83f8 .o21743_819e{padding: 100px 38px;
display: flex;
flex-direction: column;
align-items: center;}
main.j80ae83f8 .d7b8a__1b08f{width: 100%;
max-width: var(--max-width-canvas, 1640px);
margin: 0 auto;}
main.j80ae83f8 .acf50_8e5f{padding-top: 140px;
padding-bottom: 80px;
text-align: center;
background: radial-gradient(circle at 50% 0%, hsla(269, 84%, 62%, 0.08) 0%, transparent 70%);}
main.j80ae83f8 .acf50_8e5f h1{font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 800;
letter-spacing: -0.03em;
margin-bottom: 24px;
max-width: var(--max-width-content, 846px);
margin-left: auto;
margin-right: auto;
line-height: 1.1;
color: var(--content-text);}
main.j80ae83f8 .acf50_8e5f p{font-size: 1.25rem;
color: var(--content-text-muted);
max-width: var(--max-width-content, 846px);
margin: 0 auto 40px;}
main.j80ae83f8 .n0a68__88aa{display: grid;
grid-template-columns: 1fr;
gap: 20px;
max-width: var(--max-width-content, 846px);
margin: 0 auto;}
main.j80ae83f8 .fq1knba9h{background: var(--content-surface-bg, #fff);
border-radius: var(--radius-md, 12px);
padding: 32px;
border: 1px solid var(--content-border);
transition: var(--transition);}
main.j80ae83f8 .fq1knba9h:hover{border-color: var(--obsidian-main);
box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
main.j80ae83f8 .fq1knba9h h3{font-size: 1.4rem;
margin-bottom: 16px;
color: var(--content-text);
display: flex;
align-items: flex-start;
gap: 12px;}
main.j80ae83f8 .fq1knba9h h3::before{content: "Q";
color: var(--obsidian-main);
font-weight: 900;
font-style: italic;}
main.j80ae83f8 .fq1knba9h .t19e263d_g0{color: var(--content-text-muted);
font-size: 1.05rem;}
main.j80ae83f8 .fq1knba9h .t19e263d_g0 p{margin-bottom: 12px;}
main.j80ae83f8 .a9hf2pcyv{background-color: #ffffff;}
main.j80ae83f8 .o84d25b0{display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
margin-top: 60px;}
main.j80ae83f8 .b9ffa__ddf6b{padding: 40px;
background: var(--content-page-bg);
border-radius: var(--radius-lg);
position: relative;
overflow: hidden;}
main.j80ae83f8 .q664c__3ed{font-size: 4rem;
font-weight: 900;
color: rgba(0,0,0,0.03);
position: absolute;
top: -10px;
right: 10px;}
main.j80ae83f8 .p3d7b5_lj{margin-top: 80px;
background: linear-gradient(135deg, #18212f 0%, #0c1117 100%);
border-radius: var(--radius-lg);
padding: 60px;
color: #ffffff;
max-width: 1200px;
margin-left: auto;
margin-right: auto;}
main.j80ae83f8 .p3d7b5_lj h2{color: #ffffff;
margin-bottom: 40px;}
main.j80ae83f8 .t2533__22bc{display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;}
main.j80ae83f8 .m461e86c555{display: inline-block;
background: var(--obsidian-main);
color: #ffffff;
padding: 18px 48px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: var(--transition);
box-shadow: 0 10px 20px rgba(139, 92, 246, 0.3);}
main.j80ae83f8 .m461e86c555:hover{transform: translateY(-2px);
box-shadow: 0 15px 30px rgba(139, 92, 246, 0.4);}
@media (max-width: 768px) {main.j80ae83f8 .t2533__22bc{grid-template-columns: 1fr;}
main.j80ae83f8 .o21743_819e{padding: 60px 24px;}}
body{background: var(--content-page-bg);
color: var(--content-text);}
section.o21743_819e.acf50_8e5f a.m461e86c555{--f37ba1_8ac8: hsl(0, 18%, 96%);
color: var(--f37ba1_8ac8, hsl(0, 18%, 96%))   !important;}
section.o21743_819e.acf50_8e5f a.m461e86c555:is(:hover, :focus-visible, :active){color: var(--kc1a1a_51fa, hsl(0, 18%, 96%))   !important;}
main.ke7a7d80_qm.j80ae83f8 > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1){--f37ba1_8ac8: hsl(0, 18%, 96%);
color: var(--f37ba1_8ac8, hsl(0, 18%, 96%))   !important;}
main.ke7a7d80_qm.j80ae83f8 > :nth-child(5) > :nth-child(1) > :nth-child(3) > :nth-child(1):is(:hover, :focus-visible, :active){color: var(--kc1a1a_51fa, hsl(0, 18%, 96%))   !important;}
div.o84d25b0 > :nth-child(1){color: hsl(0, 18%, 28%)   !important;}
div.o84d25b0 > :nth-child(2){color: hsl(0, 18%, 28%)   !important;}
div.o84d25b0 > :nth-child(3){color: hsl(0, 18%, 28%)   !important;}