:root{--guide-max-width: 1577px;
--guide-content-width: 883px;
--guide-primary: var(--primary-color, hsl(299, 82%, 59%));
--guide-secondary: var(--secondary-color, hsl(76, 65%, 59%));
--guide-bg: var(--content-page-bg, hsl(299, 8%, 97%));
--guide-surface: var(--content-surface-bg, #ffffff);
--guide-text: var(--content-text, #1f2328);
--guide-text-muted: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--guide-border: var(--content-border, rgba(0, 0, 0, 0.08));
--guide-accent: var(--content-accent-text, hsl(299, 82%, 40%));
--primary-color: hsl(299, 82%, 59%);
--secondary-color: hsl(76, 65%, 59%);
--content-page-bg: hsl(220, 7%, 96%);
--content-surface-bg: rgba(255, 255, 255, 0.88);
--content-text: hsl(220, 10%, 11%);
--content-text-muted: rgba(31, 35, 40, 0.72);
--content-border: rgba(0, 0, 0, 0.08);
--content-accent-text: hsl(299, 82%, 28%);
--max-width: 1577px;
--hero-content-width: 883px;
--radius-lg: 12px;
--radius-md: 8px;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--content-heading: hsl(220, 10%, 11%);
--content-accent-ui: hsl(299, 82%, 59%);
--content-link-color: hsl(299, 82%, 28%);
--content-link-hover: hsl(76, 65%, 24%);
--page-text-color: var(--content-text, hsl(220, 10%, 11%));
--page-heading-color: var(--content-heading, var(--content-text, hsl(220, 10%, 11%)));
--page-link-color: var(--content-link-color, var(--content-accent-text, hsl(299, 82%, 28%)));
--page-link-hover-color: var(--content-link-hover, hsl(76, 65%, 24%));
--page-muted-color: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--page-accent-soft: rgba(233, 64, 236, 0.12);
--page-accent-glow: rgba(233, 64, 236, 0.42);
--primary-accent: var(--content-accent-ui, var(--primary-color, hsl(299, 82%, 59%)));
--secondary-accent: var(--secondary-color, hsl(76, 65%, 59%));}
main.idc02_84{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--guide-bg);
color: var(--guide-text);
line-height: 1.6;
overflow-x: hidden;}
main.idc02_84 .q8jrh0wr{max-width: var(--guide-max-width);
margin: 0 auto;
padding: 0 40px;}
main.idc02_84 .i1m9wl276{padding: 100px 0 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
border-bottom: 1px solid var(--guide-border);}
main.idc02_84 .i1m9wl276 h1{font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 800;
margin: 0 0 24px 0;
max-width: var(--guide-content-width);
line-height: 1.1;
letter-spacing: -0.02em;}
main.idc02_84 .i1m9wl276 .rk4haypd{font-size: 1.25rem;
color: var(--guide-text-muted);
max-width: var(--guide-content-width);
margin-bottom: 40px;}
main.idc02_84 .p254mfxpg{width: 100%;
margin-top: 40px;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0,0,0,0.05);
background: var(--guide-surface);
color: hsl(220, 10%, 11%);}
main.idc02_84 .p254mfxpg img{width: 100%;
height: auto;
display: block;
object-fit: cover;
aspect-ratio: 21 / 9;}
main.idc02_84 .hea52a887{padding: 80px 0;}
main.idc02_84 .oc0a__f6b5d{font-size: 2rem;
font-weight: 700;
margin-bottom: 48px;
text-align: left;}
main.idc02_84 .n21ed7f_ae{display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;}
main.idc02_84 .e40d94d466f{background: var(--guide-surface);
padding: 40px;
border-radius: 20px;
border: 1px solid var(--guide-border);
position: relative;
transition: transform 0.3s ease;
color: hsl(220, 10%, 11%);}
main.idc02_84 .e40d94d466f:hover{transform: translateY(-8px);}
main.idc02_84 .oceac_ee{font-size: 0.875rem;
font-weight: 700;
color: var(--guide-primary);
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 16px;
display: block;}
main.idc02_84 .e40d94d466f h3{font-size: 1.5rem;
margin-bottom: 16px;}
main.idc02_84 .e40d94d466f p{color: var(--guide-text-muted);
font-size: 1rem;}
main.idc02_84 .rc008b5d{padding: 80px 0;
background: #fff;
color: hsl(220, 10%, 11%);}
main.idc02_84 .ja85c7_uwx{max-width: var(--guide-content-width);}
main.idc02_84 .ja85c7_uwx h2{font-size: 2.25rem;
margin-bottom: 32px;}
main.idc02_84 .ja85c7_uwx p{margin-bottom: 24px;
font-size: 1.125rem;}
main.idc02_84 .faab59d_e6f{padding: 80px 0;}
main.idc02_84 .af0ac8d_4vr{max-width: var(--guide-content-width);}
main.idc02_84 .qqp3b329dpt{margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid var(--guide-border);}
main.idc02_84 .qqp3b329dpt h3{font-size: 1.25rem;
margin-bottom: 12px;
color: var(--guide-text);}
main.idc02_84 .qqp3b329dpt p{color: var(--guide-text-muted);}
main.idc02_84 .w16e635_c4{padding: 100px 0;
background: var(--guide-text);
color: #fff;
border-radius: 40px 40px 0 0;
margin-top: 60px;}
main.idc02_84 .g52463b{max-width: var(--guide-content-width);}
main.idc02_84 .g52463b h2{font-size: 2.5rem;
margin-bottom: 24px;}
main.idc02_84 .g52463b p{font-size: 1.25rem;
opacity: 0.8;
margin-bottom: 40px;}
main.idc02_84 .u32820a_k50r{display: inline-block;
background: var(--guide-primary);
color: hsl(0, 18%, 16%);
padding: 18px 36px;
border-radius: 12px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(238, 70, 241, 0.3);}
main.idc02_84 .u32820a_k50r:hover{transform: scale(1.05);
box-shadow: 0 15px 30px rgba(238, 70, 241, 0.4);}
@media (max-width: 768px) {main.idc02_84 .q8jrh0wr{padding: 0 20px;}
main.idc02_84 .i1m9wl276{padding: 60px 0;}
main.idc02_84 .p254mfxpg{border-radius: 12px;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
main img.n9e6326cc{display: block;
max-width: 100%;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;}
main img.n9e6326cc.q35fb7_2e54{aspect-ratio: 16 / 9;}
main img.n9e6326cc.gb0f6d712{aspect-ratio: 16 / 10;}
main img.n9e6326cc.c082__564f{aspect-ratio: 4 / 3;}
main img.n9e6326cc.k5c8d5c55{aspect-ratio: 1 / 1;}
main .l1be4f361b7.q35fb7_2e54{aspect-ratio: 16 / 9;}
main .l1be4f361b7.gb0f6d712{aspect-ratio: 16 / 10;}
main .l1be4f361b7.c082__564f{aspect-ratio: 4 / 3;}
main .l1be4f361b7.k5c8d5c55{aspect-ratio: 1 / 1;}
:root{--primary-color: hsl(299, 82%, 59%);
--secondary-color: hsl(76, 65%, 59%);
--bg-color: hsl(299, 8%, 97%);
--text-color: hsl(299, 10%, 7%);
--text-muted: rgba(24,33,47,0.72);
--content-page-bg: hsl(299, 8%, 97%);
--content-surface-bg: rgba(255,255,255,0.88);
--content-text: hsl(299, 10%, 7%);
--content-text-muted: rgba(24,33,47,0.72);
--content-accent-ui: hsl(299, 82%, 59%);
--content-accent-text: hsl(0, 18%, 28%);
--content-link-color: hsl(0, 18%, 28%);
--content-link-hover: hsl(76, 65%, 24%);}
body{background: var(--bg-color, hsl(299, 8%, 97%))   !important;
color: var(--text-color, hsl(299, 10%, 7%))   !important;}
:is(main, .lfd919_67bb){color: var(--content-text, hsl(299, 10%, 7%))   !important;}
div.q8jrh0wr{text-align: left   !important;
align-items: flex-start   !important;}
div.q8jrh0wr > :is(h1, h2, p){text-align: left   !important;
max-width: min(100%, 883px)   !important;
margin-left: 0   !important;
margin-right: auto   !important;}
div.q8jrh0wr > :is(div, nav, ul, ol){margin-left: 0   !important;
margin-right: auto   !important;}
div.w16e635_c4{--ibda4d_d5c1: hsl(300, 18%, 92%);
--l22e6b918: rgba(238, 230, 238, 0.84);
--m75ad8_15df: hsl(299, 82%, 92%);
--yad4f1cfa: light;}
div.w16e635_c4 div.g52463b{--ibda4d_d5c1: hsl(300, 18%, 92%);
--l22e6b918: rgba(238, 230, 238, 0.84);
--m75ad8_15df: hsl(299, 82%, 92%);
--yad4f1cfa: light;
color: var(--ibda4d_d5c1, hsl(300, 18%, 92%))   !important;}
div.w16e635_c4 div.g52463b :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--ibda4d_d5c1, hsl(300, 18%, 92%))   !important;}
div.w16e635_c4 div.g52463b a:not([class]):not([data-track]):not([role="button"]), div.w16e635_c4 div.g52463b a[class=""]:not([data-track]):not([role="button"]){color: var(--m75ad8_15df, hsl(299, 82%, 92%))   !important;}
div.w16e635_c4 div.g52463b :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--l22e6b918, rgba(238, 230, 238, 0.84))   !important;}
a.u32820a_k50r{--me84b9642: hsl(298, 81%, 14%);
color: var(--me84b9642, hsl(298, 81%, 14%))   !important;}
a.u32820a_k50r:is(:hover, :focus-visible, :active){color: var(--he4c__69d3, hsl(298, 82%, 12%))   !important;}
main.idc02_84 a:not([class]):not([data-track]):not([role="button"]), main.idc02_84 a[class=""]:not([data-track]):not([role="button"]){color:var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))));
text-decoration:underline;
text-decoration-color:currentColor;
text-decoration-thickness:1.5px;
text-underline-offset:.16em;
text-decoration-skip-ink:auto;}
main.idc02_84 a:not([class]):not([data-track]):not([role="button"]), main.idc02_84 a[class=""]:not([data-track]):not([role="button"]):visited{color:var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))));}
main.idc02_84 a:not([class]):not([data-track]):not([role="button"]), main.idc02_84 a[class=""]:not([data-track]):not([role="button"]):is(:hover,:focus-visible,:active){color:var(--page-link-hover-color, var(--content-link-hover, var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))))));}
div.n21ed7f_ae > :nth-child(1){color: hsl(299, 82%, 28%)   !important;}
div.n21ed7f_ae > :nth-child(2){color: hsl(299, 82%, 28%)   !important;}
div.n21ed7f_ae > :nth-child(3){color: hsl(299, 82%, 28%)   !important;}
div.n21ed7f_ae > :nth-child(4){color: hsl(299, 82%, 28%)   !important;}
a.u32820a_k50r{color: hsl(298, 81%, 16%)   !important;
text-decoration-color: currentColor   !important;}
a.u32820a_k50r :is(strong, b, em, small, mark){color: inherit   !important;}
a.u32820a_k50r:hover, a.u32820a_k50r:focus-visible, a.u32820a_k50r:active{color: hsl(298, 81%, 16%)   !important;}
a.u32820a_k50r:hover, a.u32820a_k50r:focus-visible, a.u32820a_k50r:active{text-decoration-color: currentColor   !important;}