:root {

  --sub-bg: #0d0b14;
  --sub-surface: #161224;
  --sub-surface-hover: #221d33;
  --sub-text-primary: #f5f3fa;
  --sub-text-secondary: #a6a0b5;
  --sub-accent: hsl(268, 76%, 61%);
  --sub-secondary: hsl(22, 60%, 61%);
  --sub-border: rgba(255, 255, 255, 0.08);
  --sub-radius-lg: var(--border-radius-lg, 16px);
  --sub-radius-md: var(--border-radius-md, 12px);
  --sub-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  --sub-max-width: var(--max-width, 1200px);
  --primary-color: hsl(268, 76%, 61%);
  --secondary-color: hsl(22, 60%, 61%);
  --bg-color: hsl(268, 20%, 6%);
  --text-color: hsl(268, 10%, 98%);
  --text-muted: hsl(268, 10%, 65%);
  --border-color: rgba(255, 255, 255, 0.08);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 32px;
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 40px rgba(139, 61, 255, 0.25);
  --nav-height: 88px;
  --max-width: min(1200px, 92vw);
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --nav-bg: rgba(13, 11, 15, 0.75);
  --btn-text: #ffffff;
  --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.g65b__3012.o2311864_o0 接下来，日期需要早于或等于 2026/**/-03/**/-27，版权年份必须是 2026 年。我也会使用指定的品牌名称 "v2rayN" 以及相关的关键词，确保页面内容与软件品牌紧密结合。页面路由也必须严格按照规定的映射规则。
    在内容方面，我的目标是向用户讲解如何高效地导入和管理大量的节点资源。我的语气必须克制而直接，提供清晰的上手路径、配置入口以及注意事项。我会重点讲解多种格式的订阅链接解析、节点分组与别名自定义、定时自动更新策略以及测速与可用性过滤这几个关键功能。我必须确保内容厚度在 600/**/-900 字之间，至少包含 3 个实质信息区块，如果使用 FAQ 形式，则至少要有 5 组问答。
    页面 H1 标题必须是 "高效管理你的 v2rayN 订阅资源"，并且要保证它的唯一性。同时，为了避免内容同质化，我需要至少包含一个页面专属的信息区块，并且结尾 CTA 的职责要与首页和主获取页有所不同。我还会添加 2 个指向其他页面的内部链接，锚文本将包含关键词，例如"获取 v2rayn"和"配置 v2rayn"。
    在页面布局上，我将采用左侧锚点对齐策略，保证首屏文案块整体左对齐，并且标题、简介和主 CTA 沿同一左边线排布。我的版心体系是主内容可视宽度上限 1200px，首屏文案阅读宽度上限 680px。我也会在局部正文列中使用 800px 的宽度。
    关于样式设计，我倾向于使用中性色调、高饱和度、视觉冲击力强、深色模式和无衬线字体。参考色板如下：主色 hsl(268, 76%, 61%)，次色 hsl(22, 60%, 61%)，文字色 hsl(268, 10%, 12%)，背景色 hsl(268, 7%, 95%)。但是根据设计倾向的深色模式，我会综合处理这些颜色。我的 CTA 按钮必须有足够的视觉重量，保证对比度 ≥ 4.5:1。
    **页面结构与内容大纲：**
    1................  **首屏** (无巨型 Hero，紧凑排版):
    *   H1: 高效管理你的 v2rayN 订阅资源
    *   简介：介绍 v2rayN 的订阅管理能力（多种格式、定时更新、分组别名）。
    *   CTA：内联形态，例如"获取 v2rayn 并配置订阅"，左对齐。
    2................  **内容交替区** (Alternating 区域):
    3................  **四列卡片区** (4 列倾向):
    *   核心管理策略与技巧（测速、可用性过滤、定时自动更新策略、路由规则配合）。
    4................  **常见问题/边界说明** (FAQ 结构，至少 5 个):
    *   包含具体执行细节、判断条件等。
    5................  **收尾 CTA** (区别于下载页，这里引导下一步):
    *   "查阅常见问题"或"了解使用场景"等。
    6................  **Footer
    div.g65b__3012.o2311864_o0.f31cb8b{
    background-color: var(--sub-bg);
    color: var(--sub-text-primary);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
    }
div.g65b__3012.o2311864_o0 .w079ed__eac{
    max-width: var(--sub-max-width);
    margin: 0 auto;
    padding: 0 5%;
    }
div.g65b__3012.o2311864_o0 .y3fdc_6a{
    padding: 7rem 0 4rem;
    }
div.g65b__3012.o2311864_o0 .nd75__0e21b{
    max-width: 680px; 
    text-align: left;
    }
div.g65b__3012.o2311864_o0 .y3fdc_6a h1{
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.1;
    margin-bottom: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #ffffff;
    }
div.g65b__3012.o2311864_o0 .y3fdc_6a p{
    font-size: 1.125rem;
    color: var(--sub-text-secondary);
    margin-bottom: 2.5rem;
    }
div.g65b__3012.o2311864_o0 .ud807b3_1c7{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: var(--sub-radius-md);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid transparent;
    }
div.g65b__3012.o2311864_o0 .qe16d5_32{
    background: linear-gradient(135deg, var(--sub-accent), #a765ff);
    color: #1a1a2e;
    box-shadow: 0 4px 15px rgba(139, 61, 255, 0.4);
    }
div.g65b__3012.o2311864_o0 .qe16d5_32:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(139, 61, 255, 0.6);
    background: linear-gradient(135deg, #a765ff, var(--sub-accent)); color: #1a1a2e;}
div.g65b__3012.o2311864_o0 .qd9cd2_su{
    background: var(--sub-surface);
    color: var(--sub-text-primary);
    border-color: var(--sub-border);
    }
div.g65b__3012.o2311864_o0 .qd9cd2_su:hover{
    background: var(--sub-surface-hover);
    border-color: var(--sub-secondary);
    color: #ffffff;
    }
div.g65b__3012.o2311864_o0 .a26c9bd5f{
    padding: 5rem 0;
    }
div.g65b__3012.o2311864_o0 .jbc6278_95{
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
    }
@media (min-width: 900px) {div.g65b__3012.o2311864_o0 .jbc6278_95{
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    }
div.g65b__3012.o2311864_o0 .ge72a9_2e .b5fae10_gvs{
    order: 2;
    }
div.g65b__3012.o2311864_o0 .ge72a9_2e .ee6b2_2e47{
    order: 1;
    }}
div.g65b__3012.o2311864_o0 .b5fae10_gvs{
    max-width: 680px; 
    }
div.g65b__3012.o2311864_o0 .b5fae10_gvs h2{
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.01em;
    }
div.g65b__3012.o2311864_o0 .b5fae10_gvs p{
    color: var(--sub-text-secondary);
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
    }
div.g65b__3012.o2311864_o0 .b5fae10_gvs ul{
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
    }
div.g65b__3012.o2311864_o0 .b5fae10_gvs li{
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 1.25rem;
    color: var(--sub-text-secondary);
    line-height: 1.5;
    }
div.g65b__3012.o2311864_o0 .b5fae10_gvs li strong{
    color: var(--sub-text-primary);
    }
div.g65b__3012.o2311864_o0 .b5fae10_gvs li::before{
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--sub-accent);
    font-weight: bold;
    }
div.g65b__3012.o2311864_o0 .k698__e06{
    color: var(--sub-accent);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
    }
div.g65b__3012.o2311864_o0 .k698__e06:hover{
    border-color: var(--sub-accent);
    }
div.g65b__3012.o2311864_o0 .ee6b2_2e47 img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4/3;
    border-radius: var(--sub-radius-lg);
    box-shadow: var(--sub-shadow);
    background-color: var(--sub-surface); color: #ffffff;}
div.g65b__3012.o2311864_o0 .e05d76_c45c{
    padding: 6rem 0;
    background: linear-gradient(180deg, rgba(22, 18, 36, 0.4) 0%, transparent 100%);
    border-top: 1px solid var(--sub-border); color: #ffffff;}
div.g65b__3012.o2311864_o0 .g57881b7{
    max-width: 680px;
    margin-bottom: 4rem;
    text-align: left;
    }
div.g65b__3012.o2311864_o0 .g57881b7 h2{
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    margin-bottom: 1rem;
    color: #ffffff;
    font-weight: 700;
    }
div.g65b__3012.o2311864_o0 .g57881b7 p{
    color: var(--sub-text-secondary);
    font-size: 1.1rem;
    }
div.g65b__3012.o2311864_o0 .la45__f6717{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    }
@media (min-width: 640px) {div.g65b__3012.o2311864_o0 .la45__f6717{
    grid-template-columns: repeat(2, 1fr);
    }}
@media (min-width: 1024px) {div.g65b__3012.o2311864_o0 .la45__f6717{
    grid-template-columns: repeat(4, 1fr);
    }}
div.g65b__3012.o2311864_o0 .z7d327297{
    background: var(--sub-surface);
    padding: 2rem;
    border-radius: var(--sub-radius-md);
    border: 1px solid var(--sub-border);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; color: #ffffff;}
div.g65b__3012.o2311864_o0 .z7d327297:hover{
    transform: translateY(-6px);
    border-color: var(--sub-accent);
    box-shadow: 0 10px 30px rgba(139, 61, 255, 0.15);
    }
div.g65b__3012.o2311864_o0 .z7d327297 h3{
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: var(--sub-text-primary);
    font-weight: 600;
    }
div.g65b__3012.o2311864_o0 .z7d327297 p{
    font-size: 0.95rem;
    color: var(--sub-text-secondary);
    line-height: 1.6;
    margin: 0;
    }
div.g65b__3012.o2311864_o0 .xbcec__31b{
    padding: 5rem 0;
    }
div.g65b__3012.o2311864_o0 .rcook7kk{
    max-width: 800px; 
    }
div.g65b__3012.o2311864_o0 .jjiszcn4mjbf{
    padding: 2rem 0;
    border-bottom: 1px solid var(--sub-border);
    }
div.g65b__3012.o2311864_o0 .jjiszcn4mjbf:first-child{
    border-top: 1px solid var(--sub-border);
    }
div.g65b__3012.o2311864_o0 .jjiszcn4mjbf h3{
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: var(--sub-text-primary);
    font-weight: 600;
    }
div.g65b__3012.o2311864_o0 .jjiszcn4mjbf p{
    color: var(--sub-text-secondary);
    margin: 0;
    line-height: 1.6;
    }
div.g65b__3012.o2311864_o0 .oqyuh1s4pje{
    padding: 6rem 0;
    background: linear-gradient(90deg, rgba(139, 61, 255, 0.08) 0%, transparent 100%);
    border-top: 1px solid var(--sub-border); color: #1a1a2e;}
div.g65b__3012.o2311864_o0 .u41b8a6{
    max-width: 680px;
    }
div.g65b__3012.o2311864_o0 .u41b8a6 h2{
    font-size: clamp(2rem, 4vw, 2.5rem);
    margin-bottom: 1.5rem;
    color: #ffffff;
    font-weight: 700;
    }
div.g65b__3012.o2311864_o0 .u41b8a6 p{
    color: var(--sub-text-secondary);
    margin-bottom: 2.5rem;
    font-size: 1.125rem;
    }
div.g65b__3012.o2311864_o0 .qf90__5c68{
    padding: 4rem 0;
    background-color: var(--sub-surface);
    border-top: 1px solid var(--sub-border); color: #ffffff;}
div.g65b__3012.o2311864_o0 .mf16be_7fcc{
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    color: var(--sub-text-primary);
    letter-spacing: -0.02em;
    }
div.g65b__3012.o2311864_o0 .sb61331bf{
    color: var(--sub-text-secondary);
    margin-bottom: 2rem;
    font-size: 0.95rem;
    }
div.g65b__3012.o2311864_o0 .ydb6__ffa8{
    color: var(--sub-text-secondary);
    font-size: 0.875rem;
    opacity: 0.6;
    margin: 0;
    }
div.g65b__3012.o2311864_o0 .r6gd871pb{box-sizing:border-box;}
.u95448__78b4d{background-color: var(--bg-color, hsl(268, 20%, 6%));
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; isolation: isolate; color: #ffffff;}
.l3af3_18{
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 600px;
    background-color: var(--primary-color, hsl(268, 76%, 61%));
    filter: blur(200px);
    opacity: 0.1;
    border-radius: 50%;
    transform: translate(-30%, -30%);
    pointer-events: none;
    z-index: 0; color: #1a1a2e;}
.bd2eb8593{
    max-width: var(--max-width, 1200px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    }
.id3c3cd4c9{
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--primary-color, hsl(268, 76%, 61%)) 0%, transparent 100%);
    opacity: 0.3;
    margin-bottom: 64px;
    box-sizing: border-box; color: #1a1a2e;}
.lujikei6jc{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 64px;
    box-sizing: border-box;
    width: 100%;
    }
.ocjrrazadeh{
    flex: 1 1 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
    }
.g7ace47a949{
    font-size: 36px;
    font-weight: 800;
    color: var(--text-color, hsl(268, 10%, 98%));
    letter-spacing: -1px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1;
    }
.da833d_fg{
    color: var(--primary-color, hsl(268, 76%, 61%));
    display: inline;
    width: auto;
    }
.qclf4v6a9g{
    font-size: 16px;
    color: var(--text-muted, hsl(268, 10%, 65%));
    line-height: 1.6;
    max-width: 480px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
.wc054__e9d{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    width: 100%;
    box-sizing: border-box;
    margin-top: 16px;
    padding: 0;
    }
.ef8d368_e625{
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: 240px;
    box-sizing: border-box;
    }
.mxz0fk1gwy0{
    font-size: 13px;
    font-weight: 700;
    color: var(--text-color, hsl(268, 10%, 98%));
    text-transform: uppercase;
    letter-spacing: 1.5px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4px;
    padding: 0;
    opacity: 0.8;
    }
.k62aea_de4a{
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted, hsl(268, 10%, 65%));
    text-decoration: none;
    transition: var(--transition, all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1));
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 0;
    margin: 0;
    }
.k62aea_de4a:hover{
    color: var(--primary-color, hsl(268, 76%, 61%));
    transform: translateX(6px);
    }
.waa4ed__060fd{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color, hsl(268, 76%, 61%)) 0%, var(--secondary-color, hsl(22, 60%, 61%)) 100%);
    box-sizing: border-box; color: #1a1a2e;}
@media (max-width: 768px){.u95448__78b4d{
    padding-top: 56px;
    padding-bottom: 56px;
    }
.id3c3cd4c9{
    margin-bottom: 48px;
    }
.lujikei6jc{
    flex-direction: column;
    gap: 48px;
    }
.ocjrrazadeh{
    flex: 1 1 auto;
    width: 100%;
    }
.ef8d368_e625{
    flex: 1 1 auto;
    width: 100%;
    }}
.r14514__435c{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--nav-height);
    background: var(--nav-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    box-sizing: border-box; color: #ffffff;}
.r14514__435c *, .r14514__435c *::before, .r14514__435c *::after{
    box-sizing: inherit;
    }
.le89af_f69{
    width: var(--max-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    }
.nrf36ou63{
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    z-index: 1002;
    }
.g06106e_d8f{
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(139, 61, 255, 0.4);
    transition: var(--transition); color: #1a1a2e;}
.nrf36ou63:hover .g06106e_d8f{
    transform: rotate(15deg) scale(1.05);
    }
.b5e6663d_hu{
    width: 16px;
    height: 16px;
    background: var(--bg-color);
    border-radius: 4px;
    transform: rotate(45deg); color: #ffffff;}
.t5ede1_c58e{
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #1a1a2e;
    background: linear-gradient(135deg, #ffffff 30%, hsl(268, 40%, 80%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
.hd1c1f__b703{
    display: flex;
    align-items: center;
    gap: 40px;
    }
.nfbd__7a9{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 24px;
    }
.xuhy2e371{
    display: flex;
    }
.e52a12b7_wj3m{
    color: var(--text-muted);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 0;
    position: relative;
    transition: var(--transition);
    }
.e52a12b7_wj3m:hover{
    color: var(--text-color);
    }
.e52a12b7_wj3m::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--primary-color);
    transition: var(--transition);
    border-radius: 2px; color: #1a1a2e;}
.e52a12b7_wj3m:hover::after{
    width: 100%;
    }
.v22275d661{
    display: flex;
    align-items: center;
    }
.y46b060{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary-color), hsl(268, 80%, 68%));
    color: #1a1a2e;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 28px;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(139, 61, 255, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition);
    }
.y46b060:hover{
    background: linear-gradient(135deg, hsl(268, 80%, 68%), var(--secondary-color));
    box-shadow: 0 8px 24px rgba(217, 133, 91, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    color: #1a1a2e;
    }
.pfc910_aizx{
    display: none;
    }
.gc4df2_d4{
    display: none;
    cursor: pointer;
    width: 48px;
    height: 48px;
    z-index: 1002;
    }
.dc1b__97ede{
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    position: relative;
    transition: var(--transition);
    border-radius: 2px; color: #1a1a2e;}
.dc1b__97ede::before, .dc1b__97ede::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    left: 0;
    border-radius: 2px; color: #1a1a2e;}
.dc1b__97ede::before{
    top: -8px;
    }
.dc1b__97ede::after{
    bottom: -8px;
    }
@media (max-width: 1100px){.gc4df2_d4 {
    display: flex;
    align-items: center;
    justify-content: center;
    }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede {
    background: transparent;
    }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede::before {
    top: 0;
    transform: rotate(45deg);
    }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede::after {
    bottom: 0;
    transform: rotate(-45deg);
    }
.hd1c1f__b703 {
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    flex-direction: column;
    background: var(--bg-color);
    padding: 32px 5vw;
    gap: 32px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: var(--transition); color: #ffffff;}
.pfc910_aizx:checked ~ .hd1c1f__b703 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    }
.nfbd__7a9 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
    }
.xuhy2e371 {
    width: 100%;
    }
.e52a12b7_wj3m {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: var(--radius-md); color: #1a1a2e;}
.e52a12b7_wj3m::after {
    display: none;
    }
.e52a12b7_wj3m:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(4px); color: #1a1a2e;}
.v22275d661 {
    width: 100%;
    }
.y46b060 {
    width: 100%;
    padding: 18px;
    font-size: 16px;
    }}
.e52a12b7_wj3m.active{color: var(--text-color);}
@media (min-width: 1101px){.r14514__435c #nt2cf5f08d05, .r14514__435c label[for="nt2cf5f08d05"]{ display: none !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.e52a12b7_wj3m.active {color: var(--text-color);}
#nt2cf5f08d05:checked ~ .hd1c1f__b703 { right: 0 !important; left: auto !important; }
@media (max-width: 1100px) {.r14514__435c.j412ba69f .hd1c1f__b703 { left: auto !important; right: 0 !important; transform: translateX(100%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow-y: auto !important; }}
@media (max-width: 1100px) {#nt2cf5f08d05:checked ~ .hd1c1f__b703 { right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1101px) {.r14514__435c.j412ba69f #nt2cf5f08d05, .r14514__435c.j412ba69f label[for="nt2cf5f08d05"] { display: none !important; }}
@media (min-width: 1101px) {.r14514__435c.j412ba69f .hd1c1f__b703 { position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 1101px) {.r14514__435c.j412ba69f .hd1c1f__b703 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 1101px) {.r14514__435c.j412ba69f .hd1c1f__b703 a { display: inline-flex !important; align-items: center !important; text-align: left !important; }}
html, body {
    margin: 0;
    padding: 0;
    }
body *, body *::before, body *::after {
    box-sizing: border-box;
    }
div.g65b__3012 img.w9ae__eccc {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.g65b__3012 img.w9ae__eccc.v4e11f_db95 { aspect-ratio: 16 / 9; }
div.g65b__3012 img.w9ae__eccc.g0cec5_d9de { aspect-ratio: 16 / 10; }
div.g65b__3012 img.w9ae__eccc.zf877381984 { aspect-ratio: 4 / 3; }
div.g65b__3012 img.w9ae__eccc.ad5b4b80fcc { aspect-ratio: 1 / 1; }
div.g65b__3012 :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.g65b__3012 .f31356564f6 {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.g65b__3012 .f31356564f6.v4e11f_db95 { aspect-ratio: 16 / 9; }
div.g65b__3012 .f31356564f6.g0cec5_d9de { aspect-ratio: 16 / 10; }
div.g65b__3012 .f31356564f6.zf877381984 { aspect-ratio: 4 / 3; }
div.g65b__3012 .f31356564f6.ad5b4b80fcc { aspect-ratio: 1 / 1; }
div.g65b__3012 .f31356564f6 > img.w9ae__eccc,
    div.g65b__3012 .f31356564f6 > picture > img.w9ae__eccc {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
.r14514__435c{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--nav-height);
    background: var(--nav-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    box-sizing: border-box; color: #ffffff;}
.r14514__435c *, .r14514__435c *::before, .r14514__435c *::after{
    box-sizing: inherit;
    }
.le89af_f69{
    width: var(--max-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    }
.nrf36ou63{
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    z-index: 1002;
    }
.g06106e_d8f{
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(139, 61, 255, 0.4);
    transition: var(--transition); color: #1a1a2e;}
.nrf36ou63:hover .g06106e_d8f{
    transform: rotate(15deg) scale(1.05);
    }
.b5e6663d_hu{
    width: 16px;
    height: 16px;
    background: var(--bg-color);
    border-radius: 4px;
    transform: rotate(45deg); color: #ffffff;}
.t5ede1_c58e{
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #1a1a2e;
    background: linear-gradient(135deg, #ffffff 30%, hsl(268, 40%, 80%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
.hd1c1f__b703{
    display: flex;
    align-items: center;
    gap: 40px;
    }
.nfbd__7a9{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 24px;
    }
.xuhy2e371{
    display: flex;
    }
.e52a12b7_wj3m{
    color: var(--text-muted);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 0;
    position: relative;
    transition: var(--transition);
    }
.e52a12b7_wj3m:hover{
    color: var(--text-color);
    }
.e52a12b7_wj3m::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--primary-color);
    transition: var(--transition);
    border-radius: 2px; color: #1a1a2e;}
.e52a12b7_wj3m:hover::after{
    width: 100%;
    }
.v22275d661{
    display: flex;
    align-items: center;
    }
.y46b060{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary-color), hsl(268, 80%, 68%));
    color: #1a1a2e;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 28px;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(139, 61, 255, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition);
    }
.y46b060:hover{
    background: linear-gradient(135deg, hsl(268, 80%, 68%), var(--secondary-color));
    box-shadow: 0 8px 24px rgba(217, 133, 91, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    color: #1a1a2e;
    }
.pfc910_aizx{
    display: none;
    }
.gc4df2_d4{
    display: none;
    cursor: pointer;
    width: 48px;
    height: 48px;
    z-index: 1002;
    }
.dc1b__97ede{
    display: block;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    position: relative;
    transition: var(--transition);
    border-radius: 2px; color: #1a1a2e;}
.dc1b__97ede::before, .dc1b__97ede::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    left: 0;
    border-radius: 2px; color: #1a1a2e;}
.dc1b__97ede::before{
    top: -8px;
    }
.dc1b__97ede::after{
    bottom: -8px;
    }
@media (max-width: 1100px){.gc4df2_d4 {
    display: flex;
    align-items: center;
    justify-content: center;
    }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede {
    background: transparent;
    }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede::before {
    top: 0;
    transform: rotate(45deg);
    }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede::after {
    bottom: 0;
    transform: rotate(-45deg);
    }
.hd1c1f__b703 {
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    flex-direction: column;
    background: var(--bg-color);
    padding: 32px 5vw;
    gap: 32px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: var(--transition); color: #ffffff;}
.pfc910_aizx:checked ~ .hd1c1f__b703 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    }
.nfbd__7a9 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
    }
.xuhy2e371 {
    width: 100%;
    }
.e52a12b7_wj3m {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: var(--radius-md); color: #1a1a2e;}
.e52a12b7_wj3m::after {
    display: none;
    }
.e52a12b7_wj3m:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(4px); color: #1a1a2e;}
.v22275d661 {
    width: 100%;
    }
.y46b060 {
    width: 100%;
    padding: 18px;
    font-size: 16px;
    }}
.e52a12b7_wj3m.active{color: var(--text-color);}
@media (min-width: 1101px){.r14514__435c #nt2cf5f08d05, .r14514__435c label[for="nt2cf5f08d05"]{ display: none !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.e52a12b7_wj3m.active{color: var(--text-color);}
#nt2cf5f08d05:checked ~ .hd1c1f__b703{ right: 0 !important; left: auto !important; }
@media (max-width: 1100px){.r14514__435c.j412ba69f .hd1c1f__b703{ left: auto !important; right: 0 !important; transform: translateX(100%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow-y: auto !important; }}
@media (max-width: 1100px){#nt2cf5f08d05:checked ~ .hd1c1f__b703{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f #nt2cf5f08d05, .r14514__435c.j412ba69f label[for="nt2cf5f08d05"]{ display: none !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f .hd1c1f__b703{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f .hd1c1f__b703{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f .hd1c1f__b703 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.u95448__78b4d{background-color: var(--bg-color, hsl(268, 20%, 6%));
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; isolation: isolate; color: #ffffff;}
.l3af3_18{
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 600px;
    background-color: var(--primary-color, hsl(268, 76%, 61%));
    filter: blur(200px);
    opacity: 0.1;
    border-radius: 50%;
    transform: translate(-30%, -30%);
    pointer-events: none;
    z-index: 0; color: #1a1a2e;}
.bd2eb8593{
    max-width: var(--max-width, 1200px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    }
.id3c3cd4c9{
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--primary-color, hsl(268, 76%, 61%)) 0%, transparent 100%);
    opacity: 0.3;
    margin-bottom: 64px;
    box-sizing: border-box; color: #1a1a2e;}
.lujikei6jc{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 64px;
    box-sizing: border-box;
    width: 100%;
    }
.ocjrrazadeh{
    flex: 1 1 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
    }
.g7ace47a949{
    font-size: 36px;
    font-weight: 800;
    color: var(--text-color, hsl(268, 10%, 98%));
    letter-spacing: -1px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1;
    }
.da833d_fg{
    color: var(--primary-color, hsl(268, 76%, 61%));
    display: inline;
    width: auto;
    }
.qclf4v6a9g{
    font-size: 16px;
    color: var(--text-muted, hsl(268, 10%, 65%));
    line-height: 1.6;
    max-width: 480px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
.wc054__e9d{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    width: 100%;
    box-sizing: border-box;
    margin-top: 16px;
    padding: 0;
    }
.ef8d368_e625{
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: 240px;
    box-sizing: border-box;
    }
.mxz0fk1gwy0{
    font-size: 13px;
    font-weight: 700;
    color: var(--text-color, hsl(268, 10%, 98%));
    text-transform: uppercase;
    letter-spacing: 1.5px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4px;
    padding: 0;
    opacity: 0.8;
    }
.k62aea_de4a{
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted, hsl(268, 10%, 65%));
    text-decoration: none;
    transition: var(--transition, all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1));
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 0;
    margin: 0;
    }
.k62aea_de4a:hover{
    color: var(--primary-color, hsl(268, 76%, 61%));
    transform: translateX(6px);
    }
.waa4ed__060fd{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color, hsl(268, 76%, 61%)) 0%, var(--secondary-color, hsl(22, 60%, 61%)) 100%);
    box-sizing: border-box; color: #1a1a2e;}
@media (max-width: 768px){.u95448__78b4d{
    padding-top: 56px;
    padding-bottom: 56px;
    }
.id3c3cd4c9{
    margin-bottom: 48px;
    }
.lujikei6jc{
    flex-direction: column;
    gap: 48px;
    }
.ocjrrazadeh{
    flex: 1 1 auto;
    width: 100%;
    }
.ef8d368_e625{
    flex: 1 1 auto;
    width: 100%;
    }}
.r14514__435c{
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--nav-height);
  background: var(--nav-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border-color);
  z-index: 1000;
  display: flex;
  align-items: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box; color: #ffffff;}
.r14514__435c *, .r14514__435c *::before, .r14514__435c *::after{
  box-sizing: inherit;
}
.le89af_f69{
  width: var(--max-width);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.nrf36ou63{
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  z-index: 1002;
}
.g06106e_d8f{
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(139, 61, 255, 0.4);
  transition: var(--transition); color: #1a1a2e;}
.nrf36ou63:hover .g06106e_d8f{
  transform: rotate(15deg) scale(1.05);
}
.b5e6663d_hu{
  width: 16px;
  height: 16px;
  background: var(--bg-color);
  border-radius: 4px;
  transform: rotate(45deg); color: #ffffff;}
.t5ede1_c58e{
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: #1a1a2e;
  background: linear-gradient(135deg, #ffffff 30%, hsl(268, 40%, 80%) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hd1c1f__b703{
  display: flex;
  align-items: center;
  gap: 40px;
}
.nfbd__7a9{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.xuhy2e371{
  display: flex;
}
.e52a12b7_wj3m{
  color: var(--text-muted);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 0;
  position: relative;
  transition: var(--transition);
}
.e52a12b7_wj3m:hover{
  color: var(--text-color);
}
.e52a12b7_wj3m::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--primary-color);
  transition: var(--transition);
  border-radius: 2px; color: #1a1a2e;}
.e52a12b7_wj3m:hover::after{
  width: 100%;
}
.v22275d661{
  display: flex;
  align-items: center;
}
.y46b060{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary-color), hsl(268, 80%, 68%));
  color: #1a1a2e;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 28px;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 16px rgba(139, 61, 255, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: var(--transition);
}
.y46b060:hover{
  background: linear-gradient(135deg, hsl(268, 80%, 68%), var(--secondary-color));
  box-shadow: 0 8px 24px rgba(217, 133, 91, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
  color: #1a1a2e;
}
.pfc910_aizx{
  display: none;
}
.gc4df2_d4{
  display: none;
  cursor: pointer;
  width: 48px;
  height: 48px;
  z-index: 1002;
}
.dc1b__97ede{
  display: block;
  width: 24px;
  height: 2px;
  background: var(--text-color);
  position: relative;
  transition: var(--transition);
  border-radius: 2px; color: #1a1a2e;}
.dc1b__97ede::before, .dc1b__97ede::after{
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background: var(--text-color);
  transition: var(--transition);
  left: 0;
  border-radius: 2px; color: #1a1a2e;}
.dc1b__97ede::before{
  top: -8px;
}
.dc1b__97ede::after{
  bottom: -8px;
}
@media (max-width: 1100px){.gc4df2_d4 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede {
    background: transparent;
  }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede::before {
    top: 0;
    transform: rotate(45deg);
  }
.pfc910_aizx:checked + .gc4df2_d4 .dc1b__97ede::after {
    bottom: 0;
    transform: rotate(-45deg);
  }
.hd1c1f__b703 {
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    flex-direction: column;
    background: var(--bg-color);
    padding: 32px 5vw;
    gap: 32px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);

    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: var(--transition); color: #ffffff;}
.pfc910_aizx:checked ~ .hd1c1f__b703 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
.nfbd__7a9 {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
  }
.xuhy2e371 {
    width: 100%;
  }
.e52a12b7_wj3m {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: var(--radius-md); color: #1a1a2e;}
.e52a12b7_wj3m::after {
    display: none;
  }
.e52a12b7_wj3m:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(4px); color: #1a1a2e;}
.v22275d661 {
    width: 100%;
  }
.y46b060 {
    width: 100%;
    padding: 18px;
    font-size: 16px;
  }}
.e52a12b7_wj3m.active{color: var(--text-color);}
@media (min-width: 1101px){.r14514__435c #nt2cf5f08d05, .r14514__435c label[for="nt2cf5f08d05"]{ display: none !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 1101px){.r14514__435c .hd1c1f__b703 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.e52a12b7_wj3m.active{color: var(--text-color);}
#nt2cf5f08d05:checked ~ .hd1c1f__b703{ right: 0 !important; left: auto !important; }
@media (max-width: 1100px){.r14514__435c.j412ba69f .hd1c1f__b703{ left: auto !important; right: 0 !important; transform: translateX(100%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow-y: auto !important; }}
@media (max-width: 1100px){#nt2cf5f08d05:checked ~ .hd1c1f__b703{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f #nt2cf5f08d05, .r14514__435c.j412ba69f label[for="nt2cf5f08d05"]{ display: none !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f .hd1c1f__b703{ position: static !important; right: auto !important; left: auto !important; height: auto !important; clip-path: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f .hd1c1f__b703{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }}
@media (min-width: 1101px){.r14514__435c.j412ba69f .hd1c1f__b703 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.c3b608fe7f9{background-color: var(--bg-color, hsl(268, 20%, 6%));
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; isolation: isolate; color: #ffffff;}
.xe4c6ac79ad{
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 600px;
  background-color: var(--primary-color, hsl(268, 76%, 61%));
  filter: blur(200px);
  opacity: 0.1;
  border-radius: 50%;
  transform: translate(-30%, -30%);
  pointer-events: none;
  z-index: 0; color: #1a1a2e;}
.k6c54f68567{
  max-width: var(--max-width, 1200px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
}
.g6d62c_bb22{
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--primary-color, hsl(268, 76%, 61%)) 0%, transparent 100%);
  opacity: 0.3;
  margin-bottom: 64px;
  box-sizing: border-box; color: #1a1a2e;}
.l3316cc70{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  box-sizing: border-box;
  width: 100%;
}
.qe4b46_8b43{
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
}
.pea64d_8e66{
  font-size: 36px;
  font-weight: 800;
  color: var(--text-color, hsl(268, 10%, 98%));
  letter-spacing: -1px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.n268852b9dd{
  color: var(--primary-color, hsl(268, 76%, 61%));
  display: inline;
  width: auto;
}
.p6e7__7ede{
  font-size: 16px;
  color: var(--text-muted, hsl(268, 10%, 65%));
  line-height: 1.6;
  max-width: 480px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.ufba9896c{
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  width: 100%;
  box-sizing: border-box;
  margin-top: 16px;
  padding: 0;
}
.sd11de_f1be{
  flex: 0 0 240px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 240px;
  box-sizing: border-box;
}
.f31d__915f{
  font-size: 13px;
  font-weight: 700;
  color: var(--text-color, hsl(268, 10%, 98%));
  text-transform: uppercase;
  letter-spacing: 1.5px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 4px;
  padding: 0;
  opacity: 0.8;
}
.zb4a6bb50{
  font-size: 15px;
  font-weight: 500;
  color: var(--text-muted, hsl(268, 10%, 65%));
  text-decoration: none;
  transition: var(--transition, all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1));
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0;
}
.zb4a6bb50:hover{
  color: var(--primary-color, hsl(268, 76%, 61%));
  transform: translateX(6px);
}
.hd58__718c{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-color, hsl(268, 76%, 61%)) 0%, var(--secondary-color, hsl(22, 60%, 61%)) 100%);
  box-sizing: border-box; color: #1a1a2e;}
@media (max-width: 768px){.c3b608fe7f9{
    padding-top: 56px;
    padding-bottom: 56px;
  }
.g6d62c_bb22{
    margin-bottom: 48px;
  }
.l3316cc70{
    flex-direction: column;
    gap: 48px;
  }
.qe4b46_8b43{
    flex: 1 1 auto;
    width: 100%;
  }
.sd11de_f1be{
    flex: 1 1 auto;
    width: 100%;
  }}
.yf082ddc7{box-sizing:border-box;}
.j737f506b{box-sizing:border-box;}
.r2fb1e_6800{box-sizing:border-box;}