:root {

  --primary-color: hsl(317, 74%, 59%);
  --secondary-color: hsl(87, 59%, 59%);
  --text-main: var(--content-text, hsl(220, 10%, 11%));
  --bg-main: var(--bg-color, hsl(317, 7%, 96%));
  --max-width: 1200px;
  --content-width: 680px;
  --transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  --border-radius: var(--nav-radius, 12px);
  --bg-color: #0a0a0c;
  --text-color: #f5f5f7;
  --text-muted: #86868b;
  --border-color: rgba(255, 255, 255, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
  --nav-height: 64px;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: rgba(10, 10, 12, 0.85);
  --nav-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --content-page-bg: hsl(220, 7%, 96%);
  --content-surface-bg: #ffffff;
  --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(22, 78%, 38%);
}
div.y0a253_220d.e58df72c47{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--bg-main);
    color: #ffffff;
    line-height: 1.6;
    overflow-x: hidden;
    }
div.y0a253_220d.e58df72c47 .w80xz4zpv{
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 40px;
    }
div.y0a253_220d.e58df72c47 .qa33312d55{
    padding: 120px 0 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    }
div.y0a253_220d.e58df72c47 .ba3663_blbz{
    max-width: var(--content-width);
    z-index: 2;
    }
div.y0a253_220d.e58df72c47 h1{
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
    letter-spacing: -0.02em;
    color: var(--text-main);
    }
div.y0a253_220d.e58df72c47 .dda93__627{
    font-size: 1.25rem;
    color: hsla(317, 10%, 9%, 0.8);
    margin-bottom: 40px;
    }
div.y0a253_220d.e58df72c47 .le486__ca175{
    display: inline-block;
    background-color: var(--primary-color);
    color: #1a1a2e;
    padding: 18px 42px;
    border-radius: var(--border-radius);
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition-smooth);
    box-shadow: 0 10px 20px hsla(317, 74%, 59%, 0.3);
    }
div.y0a253_220d.e58df72c47 .le486__ca175:hover{
    transform: translateY(-3px);
    box-shadow: 0 15px 30px hsla(317, 74%, 59%, 0.4);
    }
div.y0a253_220d.e58df72c47 .da79f__06746{
    margin-top: 60px;
    width: 100%;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }
div.y0a253_220d.e58df72c47 .da79f__06746 img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
    }
div.y0a253_220d.e58df72c47 .d92f73ee0a7{
    margin: 100px 0 40px;
    text-align: left; 
    }
div.y0a253_220d.e58df72c47 h2{
    font-size: 2.25rem;
    color: var(--primary-color);
    position: relative;
    display: inline-block;
    }
div.y0a253_220d.e58df72c47 h2::after{
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 60px;
    height: 4px;
    background: var(--secondary-color); color: #1a1a2e;}
div.y0a253_220d.e58df72c47 .xn1mf0hv{
    display: flex;
    flex-direction: column;
    gap: 120px;
    padding-bottom: 100px;
    }
div.y0a253_220d.e58df72c47 .h750671c{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    }
div.y0a253_220d.e58df72c47 .h750671c.ga76fc2_75l{
    direction: rtl;
    }
div.y0a253_220d.e58df72c47 .h750671c.ga76fc2_75l .h559d9_h3z{
    direction: ltr;
    }
div.y0a253_220d.e58df72c47 .h559d9_h3z{
    max-width: 520px;
    }
div.y0a253_220d.e58df72c47 .h559d9_h3z h3{
    font-size: 1.75rem;
    margin-bottom: 20px;
    color: var(--text-main);
    }
div.y0a253_220d.e58df72c47 .h559d9_h3z p{
    margin-bottom: 20px;
    font-size: 1.1rem;
    color: hsla(317, 10%, 9%, 0.75);
    }
div.y0a253_220d.e58df72c47 .nf87__2fb{
    border-radius: var(--border-radius);
    overflow: hidden;
    aspect-ratio: 4/3;
    background: #eee; color: #1a1a2e;}
div.y0a253_220d.e58df72c47 .nf87__2fb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
div.y0a253_220d.e58df72c47 .j2f4ba__aae{
    background: white;
    padding: 100px 0;
    border-radius: 40px 40px 0 0; color: #1a1a2e;}
div.y0a253_220d.e58df72c47 .zdb9__75f5d{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: 800px;
    }
div.y0a253_220d.e58df72c47 .kad56f4_7c46{
    padding: 30px;
    background: var(--bg-main);
    border-radius: var(--border-radius);
    transition: var(--transition-smooth); color: #ffffff;}
div.y0a253_220d.e58df72c47 .kad56f4_7c46 h4{
    margin-bottom: 15px;
    font-size: 1.2rem;
    color: var(--primary-color);
    }
div.y0a253_220d.e58df72c47 .i02230cd2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
div.y0a253_220d.e58df72c47 .o9e4c5_45ba a{
    margin-left: 24px;
    text-decoration: none;
    color: var(--text-main);
    font-size: 0.9rem;
    transition: color 0.3s;
    }
div.y0a253_220d.e58df72c47 .o9e4c5_45ba a:hover{
    color: var(--primary-color);
    }
div.y0a253_220d.e58df72c47 .copyright{
    font-size: 0.9rem;
    color: #888;
    }
@media (max-width: 968px) {div.y0a253_220d.e58df72c47 .h750671c, div.y0a253_220d.e58df72c47 .h750671c.ga76fc2_75l{
    grid-template-columns: 1fr;
    direction: ltr;
    }
div.y0a253_220d.e58df72c47 .d92f73ee0a7{ text-align: left; }
div.y0a253_220d.e58df72c47 h2::after{ left: 0; right: auto; }}
.j1b7__6d2{
    background-color: var(--bg-color, #0a0a0c);
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    padding-top: 80px;
    padding-bottom: 40px;
    font-family: var(--nav-font, sans-serif); color: #ffffff;}
.o9ce449fe9{
    max-width: var(--max-width, 1200px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    }
.tdea355{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 64px;
    text-align: left;
    }
.z2c23affa{
    flex: 0 0 auto;
    width: 100%;
    max-width: 680px;
    }
.kabbee749{
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color, #f5f5f7);
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    }
.ku7vbpbzgn{
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted, #86868b);
    margin-top: 0;
    margin-bottom: 0;
    }
.g282e9d_sp{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    flex: 0 0 auto;
    }
.yca25f4{
    background: var(--primary-color, hsl(317, 74%, 59%));
    color: #1a1a2e;
    padding: 12px 28px;
    border-radius: var(--radius-md, 8px);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: var(--transition, all 0.25s);
    box-shadow: 0 4px 14px rgba(232, 77, 182, 0.3);
    }
.yca25f4:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232, 77, 182, 0.4);
    }
.go8yx1jxpp{
    background: rgba(255, 255, 255, 0.05);
    color: #1a1a2e;
    padding: 12px 28px;
    border-radius: var(--radius-md, 8px);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    transition: var(--transition, all 0.25s);
    }
.go8yx1jxpp:hover{
    background: rgba(255, 255, 255, 0.1); color: #1a1a2e;}
.h00d765_be{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 64px;
    justify-content: flex-start;
    }
.r3nighic2zgd{
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
.qzx8lbk9qsc{
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color, #f5f5f7);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
.e7858d4f_qd{
    font-size: 14px;
    color: var(--text-muted, #86868b);
    text-decoration: none;
    transition: var(--transition, all 0.25s);
    }
.e7858d4f_qd:hover{
    color: var(--secondary-color, hsl(87, 59%, 59%));
    }
.g422b47a{
    height: 1px;
    background-color: var(--border-color, rgba(255, 255, 255, 0.08));
    margin-bottom: 32px; color: #1a1a2e;}
.s24f4__b1fc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    }
.x1ac59__539{
    font-size: 13px;
    color: var(--text-muted, #86868b);
    flex: 0 0 auto;
    }
.sbf8b14_p5l{
    display: flex;
    gap: 24px;
    flex: 0 0 auto;
    }
.jfeb1aff3c7{
    font-size: 13px;
    color: var(--text-muted, #86868b);
    text-decoration: none;
    transition: var(--transition, all 0.25s);
    }
.jfeb1aff3c7:hover{
    color: var(--text-color, #f5f5f7);
    }
@media (max-width: 768px){.j1b7__6d2{
    padding-top: 48px;
    }
.tdea355{
    margin-bottom: 40px;
    }
.h00d765_be{
    gap: 32px;
    }
.r3nighic2zgd{
    flex: 1 1 140px;
    }
.s24f4__b1fc{
    flex-direction: column;
    align-items: flex-start;
    }}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    background-color: var(--bg-color);
    font-family: var(--nav-font);
    -webkit-font-smoothing: antialiased; color: #ffffff;}
.t91414fe{
    height: var(--nav-height);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: var(--nav-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center; color: #ffffff;}
.d1f8__581c{
    max-width: var(--max-width);
    width: 92vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    }
.lnx7ya8a{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: 40px; 
    transition: var(--transition);
    }
.d7df72b31a{
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--primary-color), #8e2de2);
    color: #1a1a2e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.2rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    }
.c4a509a030{
    color: var(--text-color);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    }
.tc4b438_580{
    display: flex;
    list-style: none;
    gap: 4px;
    align-items: center;
    }
.z9cylw2iu34y{
    position: relative;
    }
.j40cfa5_ec5e{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
.j40cfa5_ec5e:hover{
    color: #1a1a2e;
    background-color: rgba(255, 255, 255, 0.05);
    }
.j40cfa5_ec5e.active{
    color: var(--primary-color);
    }
.b1c0c49b2{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    }
.pd4d6__174df{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: #1a1a2e; 
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 12px rgba(235, 38, 153, 0.3);
    transition: var(--transition);
    border: 1px solid rgba(255, 255, 255, 0.1);
    }
.pd4d6__174df:hover{
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(235, 38, 153, 0.4);
    background-color: hsl(317, 74%, 65%); color: #1a1a2e;}
.pd4d6__174df:active{
    transform: translateY(0);
    }
.t346d4f{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 16px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    }
.t346d4f .x4imh40tby{
    width: 100%;
    height: 2px;
    background-color: var(--text-color);
    border-radius: 2px;
    transition: var(--transition); color: #1a1a2e;}
@media (max-width: 992px){.tc4b438_580 {
    display: none; 
    }
.t346d4f {
    display: flex;
    }
.d1f8__581c {
    justify-content: space-between;
    }
.lnx7ya8a {
    margin-right: 0;
    }}
div.y0a253_220d{
    padding-top: var(--nav-height);
    }
.j40cfa5_ec5e.active {color: #1a1a2e; background-color: rgba(255, 255, 255, 0.05);}
html, body {
    margin: 0;
    padding: 0;
    }
body *, body *::before, body *::after {
    box-sizing: border-box;
    }
div.y0a253_220d img.jd7fcaa8e {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.y0a253_220d img.jd7fcaa8e.d2492cd43 { aspect-ratio: 16 / 9; }
div.y0a253_220d img.jd7fcaa8e.p01a78fa305 { aspect-ratio: 16 / 10; }
div.y0a253_220d img.jd7fcaa8e.j0fa03914 { aspect-ratio: 4 / 3; }
div.y0a253_220d img.jd7fcaa8e.lf1ac21d61a { aspect-ratio: 1 / 1; }
div.y0a253_220d :is(div, div, div, div, ul, ol, li, figure, picture, table, form, fieldset, pre, blockquote) {
    box-sizing: border-box !important;
    min-width: 0;
    max-width: 100%;
    }
div.y0a253_220d .w7403c_2cd0 {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.y0a253_220d .w7403c_2cd0.d2492cd43 { aspect-ratio: 16 / 9; }
div.y0a253_220d .w7403c_2cd0.p01a78fa305 { aspect-ratio: 16 / 10; }
div.y0a253_220d .w7403c_2cd0.j0fa03914 { aspect-ratio: 4 / 3; }
div.y0a253_220d .w7403c_2cd0.lf1ac21d61a { aspect-ratio: 1 / 1; }
div.y0a253_220d .w7403c_2cd0 > img.jd7fcaa8e,
    div.y0a253_220d .w7403c_2cd0 > picture > img.jd7fcaa8e {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
div.y0a253_220d.e58df72c47 .le486__ca175 a:not([class]){color:#ffffff !important;text-decoration:underline;}
div.y0a253_220d.e58df72c47 .le486__ca175 a[class=""]{color:#ffffff !important;text-decoration:underline;}
div.y0a253_220d.e58df72c47 .le486__ca175 a:not([class]):hover{opacity:0.92;}
div.y0a253_220d.e58df72c47 .le486__ca175 a[class=""]:hover{opacity:0.92;}
div.y0a253_220d.e58df72c47 .le486__ca175 a:not([class]):visited{color:#ffffff !important;}
div.y0a253_220d.e58df72c47 .le486__ca175 a[class=""]:visited{color:#ffffff !important;}
.aaa5179d3 {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(16px, 4vw, 48px);
    }
.aaa5179d3 > :first-child,
    .aaa5179d3 > :last-child {
    width: min(1280px, 100%);
    margin-left: auto;
    margin-right: auto;
    }
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    background-color: var(--bg-color);
    font-family: var(--nav-font);
    -webkit-font-smoothing: antialiased; color: #ffffff;}
.t91414fe{
    height: var(--nav-height);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: var(--nav-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center; color: #ffffff;}
.d1f8__581c{
    max-width: var(--max-width);
    width: 92vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    }
.lnx7ya8a{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: 40px; 
    transition: var(--transition);
    }
.d7df72b31a{
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--primary-color), #8e2de2);
    color: #1a1a2e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.2rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    }
.c4a509a030{
    color: var(--text-color);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    }
.tc4b438_580{
    display: flex;
    list-style: none;
    gap: 4px;
    align-items: center;
    }
.z9cylw2iu34y{
    position: relative;
    }
.j40cfa5_ec5e{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.875rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
.j40cfa5_ec5e:hover{
    color: #1a1a2e;
    background-color: rgba(255, 255, 255, 0.05);
    }
.j40cfa5_ec5e.active{
    color: var(--primary-color);
    }
.b1c0c49b2{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    }
.pd4d6__174df{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: #1a1a2e; 
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 12px rgba(235, 38, 153, 0.3);
    transition: var(--transition);
    border: 1px solid rgba(255, 255, 255, 0.1);
    }
.pd4d6__174df:hover{
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(235, 38, 153, 0.4);
    background-color: hsl(317, 74%, 65%); color: #1a1a2e;}
.pd4d6__174df:active{
    transform: translateY(0);
    }
.t346d4f{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 16px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    }
.t346d4f .x4imh40tby{
    width: 100%;
    height: 2px;
    background-color: var(--text-color);
    border-radius: 2px;
    transition: var(--transition); color: #1a1a2e;}
@media (max-width: 992px){.tc4b438_580 {
    display: none; 
    }
.t346d4f {
    display: flex;
    }
.d1f8__581c {
    justify-content: space-between;
    }
.lnx7ya8a {
    margin-right: 0;
    }}
div.y0a253_220d{
    padding-top: var(--nav-height);
    }
.j40cfa5_ec5e.active{color: #1a1a2e; background-color: rgba(255, 255, 255, 0.05);}
.j1b7__6d2{
    background-color: var(--bg-color, #0a0a0c);
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    padding-top: 80px;
    padding-bottom: 40px;
    font-family: var(--nav-font, sans-serif); color: #ffffff;}
.o9ce449fe9{
    max-width: var(--max-width, 1200px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    }
.tdea355{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 64px;
    text-align: left;
    }
.z2c23affa{
    flex: 0 0 auto;
    width: 100%;
    max-width: 680px;
    }
.kabbee749{
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color, #f5f5f7);
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    }
.ku7vbpbzgn{
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted, #86868b);
    margin-top: 0;
    margin-bottom: 0;
    }
.g282e9d_sp{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    flex: 0 0 auto;
    }
.yca25f4{
    background: var(--primary-color, hsl(317, 74%, 59%));
    color: #1a1a2e;
    padding: 12px 28px;
    border-radius: var(--radius-md, 8px);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: var(--transition, all 0.25s);
    box-shadow: 0 4px 14px rgba(232, 77, 182, 0.3);
    }
.yca25f4:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232, 77, 182, 0.4);
    }
.go8yx1jxpp{
    background: rgba(255, 255, 255, 0.05);
    color: #1a1a2e;
    padding: 12px 28px;
    border-radius: var(--radius-md, 8px);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    transition: var(--transition, all 0.25s);
    }
.go8yx1jxpp:hover{
    background: rgba(255, 255, 255, 0.1); color: #1a1a2e;}
.h00d765_be{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 64px;
    justify-content: flex-start;
    }
.r3nighic2zgd{
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
.qzx8lbk9qsc{
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color, #f5f5f7);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
.e7858d4f_qd{
    font-size: 14px;
    color: var(--text-muted, #86868b);
    text-decoration: none;
    transition: var(--transition, all 0.25s);
    }
.e7858d4f_qd:hover{
    color: var(--secondary-color, hsl(87, 59%, 59%));
    }
.g422b47a{
    height: 1px;
    background-color: var(--border-color, rgba(255, 255, 255, 0.08));
    margin-bottom: 32px; color: #1a1a2e;}
.s24f4__b1fc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    }
.x1ac59__539{
    font-size: 13px;
    color: var(--text-muted, #86868b);
    flex: 0 0 auto;
    }
.sbf8b14_p5l{
    display: flex;
    gap: 24px;
    flex: 0 0 auto;
    }
.jfeb1aff3c7{
    font-size: 13px;
    color: var(--text-muted, #86868b);
    text-decoration: none;
    transition: var(--transition, all 0.25s);
    }
.jfeb1aff3c7:hover{
    color: var(--text-color, #f5f5f7);
    }
@media (max-width: 768px){.j1b7__6d2{
    padding-top: 48px;
    }
.tdea355{
    margin-bottom: 40px;
    }
.h00d765_be{
    gap: 32px;
    }
.r3nighic2zgd{
    flex: 1 1 140px;
    }
.s24f4__b1fc{
    flex-direction: column;
    align-items: flex-start;
    }}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  background-color: var(--bg-color);
  font-family: var(--nav-font);
  -webkit-font-smoothing: antialiased; color: #ffffff;}
.t91414fe{
  height: var(--nav-height);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: var(--nav-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center; color: #ffffff;}
.d1f8__581c{
  max-width: var(--max-width);
  width: 92vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start; 
}
.lnx7ya8a{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin-right: 40px; 
  transition: var(--transition);
}
.d7df72b31a{
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--primary-color), #8e2de2);
  color: #1a1a2e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.c4a509a030{
  color: var(--text-color);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.tc4b438_580{
  display: flex;
  list-style: none;
  gap: 4px;
  align-items: center;
}
.z9cylw2iu34y{
  position: relative;
}
.j40cfa5_ec5e{
  text-decoration: none;
  color: var(--text-muted);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}
.j40cfa5_ec5e:hover{
  color: #1a1a2e;
  background-color: rgba(255, 255, 255, 0.05);
}
.j40cfa5_ec5e.active{
  color: var(--primary-color);
}
.b1c0c49b2{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}
.pd4d6__174df{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color);
  color: #1a1a2e; 
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(235, 38, 153, 0.3);
  transition: var(--transition);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.pd4d6__174df:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(235, 38, 153, 0.4);
  background-color: hsl(317, 74%, 65%); color: #1a1a2e;}
.pd4d6__174df:active{
  transform: translateY(0);
}
.t346d4f{
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.t346d4f .x4imh40tby{
  width: 100%;
  height: 2px;
  background-color: var(--text-color);
  border-radius: 2px;
  transition: var(--transition); color: #1a1a2e;}
@media (max-width: 992px){.tc4b438_580 {
    display: none; 
  }
.t346d4f {
    display: flex;
  }
.d1f8__581c {
    justify-content: space-between;
  }
.lnx7ya8a {
    margin-right: 0;
  }}
div.y0a253_220d{
  padding-top: var(--nav-height);
}
.j40cfa5_ec5e.active{color: #1a1a2e; background-color: rgba(255, 255, 255, 0.05);}
.o22189_63b8{
    background-color: var(--bg-color, #0a0a0c);
    border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    padding-top: 80px;
    padding-bottom: 40px;
    font-family: var(--nav-font, sans-serif); color: #ffffff;}
.qaabf7_c190{
    max-width: var(--max-width, 1200px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}
.y9b9ec46f{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 64px;
    text-align: left;
}
.z351cab8ae1{
    flex: 0 0 auto;
    width: 100%;
    max-width: 680px;
}
.w729fdfef11{
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color, #f5f5f7);
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
.l185b5ddd{
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted, #86868b);
    margin-top: 0;
    margin-bottom: 0;
}
.u1517c076{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}
.m46c__0e86{
    background: var(--primary-color, hsl(317, 74%, 59%));
    color: #1a1a2e;
    padding: 12px 28px;
    border-radius: var(--radius-md, 8px);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: var(--transition, all 0.25s);
    box-shadow: 0 4px 14px rgba(232, 77, 182, 0.3);
}
.m46c__0e86:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232, 77, 182, 0.4);
}
.j159__c0bf{
    background: rgba(255, 255, 255, 0.05);
    color: #1a1a2e;
    padding: 12px 28px;
    border-radius: var(--radius-md, 8px);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    transition: var(--transition, all 0.25s);
}
.j159__c0bf:hover{
    background: rgba(255, 255, 255, 0.1); color: #1a1a2e;}
.ee97ea_adc2{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 64px;
    justify-content: flex-start;
}
.aa51a2_8768{
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.p0fc__0088{
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color, #f5f5f7);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.q6bd6495fe1{
    font-size: 14px;
    color: var(--text-muted, #86868b);
    text-decoration: none;
    transition: var(--transition, all 0.25s);
}
.q6bd6495fe1:hover{
    color: var(--secondary-color, hsl(87, 59%, 59%));
}
.k93197_66c2{
    height: 1px;
    background-color: var(--border-color, rgba(255, 255, 255, 0.08));
    margin-bottom: 32px; color: #1a1a2e;}
.f269__c2f7{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.d44ca0450{
    font-size: 13px;
    color: var(--text-muted, #86868b);
    flex: 0 0 auto;
}
.cb8889ff0{
    display: flex;
    gap: 24px;
    flex: 0 0 auto;
}
.y6af25_d379{
    font-size: 13px;
    color: var(--text-muted, #86868b);
    text-decoration: none;
    transition: var(--transition, all 0.25s);
}
.y6af25_d379:hover{
    color: var(--text-color, #f5f5f7);
}
@media (max-width: 768px){.o22189_63b8{
        padding-top: 48px;
    }
.y9b9ec46f{
        margin-bottom: 40px;
    }
.ee97ea_adc2{
        gap: 32px;
    }
.aa51a2_8768{
        flex: 1 1 140px;
    }
.f269__c2f7{
        flex-direction: column;
        align-items: flex-start;
    }}
.fc88__ca5c{box-sizing:border-box;}
.wa10__6802{box-sizing:border-box;}
.j663bed15{box-sizing:border-box;}
.g65c459ba{display:block;max-width:100%;height:auto;}
.c0e6__28c5{box-sizing:border-box;}
@media (max-width: 768px) {div.y0a253_220d.e58df72c47 .i02230cd2 { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; padding: 20px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
.s24f4__b1fc { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; padding: 20px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }}