:root {

  --rel-primary: hsl(225, 71%, 62%);
  --rel-primary-hover: hsl(225, 71%, 56%);
  --rel-secondary: hsl(324, 56%, 62%);
  --rel-text-main: hsl(225, 10%, 10%);
  --rel-text-muted: hsl(225, 10%, 40%);
  --rel-bg-page: hsl(225, 7%, 96%);
  --rel-bg-surface: #ffffff;
  --rel-bg-alt: #f0f2f8;
  --rel-border: #e2e5f0;
  --rel-max-width: 1200px;
  --rel-radius-xl: 24px;
  --rel-radius-lg: 16px;
  --rel-radius-md: 12px;
  --rel-radius-sm: 8px;
  --rel-shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --rel-shadow-md: 0 8px 24px rgba(17, 24, 39, 0.08);
  --rel-shadow-lg: 0 20px 40px rgba(17, 24, 39, 0.12);
  --rel-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --primary-color: hsl(225, 71%, 48%);
  --secondary-color: hsl(324, 56%, 48%);
  --bg-color: hsl(225, 7%, 96%);
  --text-color: hsl(225, 10%, 10%);
  --text-muted: hsl(225, 10%, 40%);
  --border-color: rgba(23, 24, 28, 0.08);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 999px;
  --shadow-sm: 0 2px 8px rgba(35, 84, 244, 0.04);
  --shadow-md: 0 8px 24px rgba(35, 84, 244, 0.15);
  --shadow-lg: 0 16px 32px rgba(35, 84, 244, 0.25);
  --nav-height: 72px;
  --max-width: min(1200px, 92vw);
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --nav-bg: rgba(243, 244, 246, 0.85);
  --btn-text: #ffffff;
  --content-page-bg: var(--bg-color, hsl(220, 7%, 96%));
  --content-surface-bg: #ffffff;
  --content-text: var(--text-color, hsl(220, 10%, 11%));
  --content-text-muted: var(--text-muted, rgba(31, 35, 40, 0.72));
  --content-border: var(--border-color, rgba(0, 0, 0, 0.08));
  --content-accent-text: hsl(22, 78%, 38%);
}
First, I need to pinpoint the user"s intent: they"re here for the V2rayN stable release download................ Keywords are "v2rayn" and "v2rayn下载"................ My goal is a download hub, not just a download link dump................ This means I need to front-load critical information: platform differences, pre-download checks, system requirements, how-to guide and, crucially, security assurances................ The overall feel must be checklist-driven - establish the prerequisites before guiding the download................ No generic "Download Now" clutter................ I
    A key design element is the left-aligned anchor point, especially for the hero div, the critical visual start................ The div.ld4e0d571f5 content width should be capped at 1200px................ The hero div needs to be a "half_screen" layout................ Content flow should be alternating................ Card columns are preferably four................  CTA buttons should be inline and spacing is normal................ Title alignment will need some clever handling: the global design guide specifies left aligned anchor, but there"s a directive specifying right aligned titles. Since the rule book dictates the left-aligned anchor point as the priority, I"ll go with that on the hero div and experiment with right aligned titles on sections that aren
    *   **Hero div:**  Left aligned as required................  H1: "v2rayn Stable Download · Official Guide"................ Subtitle: Emphasizing the system check................  div.ld4e0d571f5 CTA button: "Get Client" (with tracking, naturally)................ Half-screen layout: text on the left, a visual element or background on the right................
    *   **div 2: Platform Differences and Environment Adaptation:** Four column cards: Windows, macOS, Android, Router/Other................ Explain the applicability and recommended download paths for each................
    *   **div 3: v2rayn Download and Deployment Steps:**  Alternating layout................  Step 1: Environment Preparation; Step 2: Get Core Files; div.ld4e0d571f5.r6e9650_6490 Step 3: First Run Checks................
    *   **Footer:** Copyright information and a simple link, div.ld4e0d571f5.r6e9650_6490 dated 2026................
    I
    *   H1: v2rayn Official Download and Environment Deployment Guide................
    *   Hero Introduction: Before you download v2rayn, div.ld4e0d571f5.r6e9650_6490 ensure your device environment meets the baseline requirements................ This page details platform adaptations and official channels to help you correctly obtain the client and complete the initial configuration................
    *   Environment Checklist: I
    div.ld4e0d571f5.r6e9650_6490 *{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
div.ld4e0d571f5.r6e9650_6490{
    font-family: var(--rel-font-sans);
    color: var(--rel-text-main);
    background-color: var(--rel-bg-page);
    line-height: 1.6;
    overflow-x: hidden;
    }
div.ld4e0d571f5.r6e9650_6490 .p0ec80b_c5d2{
    max-width: var(--rel-max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
div.ld4e0d571f5.r6e9650_6490 .lfc85_3278{
    padding: 120px 0 80px;
    background: linear-gradient(135deg, var(--rel-bg-surface) 0%, var(--rel-bg-page) 100%);
    border-bottom: 1px solid var(--rel-border); color: #1a1a2e;}
div.ld4e0d571f5.r6e9650_6490 .d0ec211_j3{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    }
div.ld4e0d571f5.r6e9650_6490 .vc8ac_44{
    max-width: 680px;
    
    text-align: left;
    }
div.ld4e0d571f5.r6e9650_6490 .hfu4qk10pl{
    display: inline-block;
    padding: 6px 14px;
    background-color: rgba(94, 114, 228, 0.1);
    color: #1a1a2e;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 24px;
    letter-spacing: 0.5px;
    }
div.ld4e0d571f5.r6e9650_6490 .lfc85_3278 h1{
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
    letter-spacing: -0.02em;
    color: var(--rel-text-main);
    }
div.ld4e0d571f5.r6e9650_6490 .k22292_9w{
    font-size: 1.125rem;
    color: var(--rel-text-muted);
    margin-bottom: 40px;
    max-width: 90%;
    }
div.ld4e0d571f5.r6e9650_6490 .ubeadbb_c6{
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    }
div.ld4e0d571f5.r6e9650_6490 .qz1u6747n{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: var(--rel-radius-md);
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    }
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36{
    background: linear-gradient(135deg, var(--rel-primary), hsl(225, 71%, 50%));
    color: #1a1a2e;
    box-shadow: 0 4px 14px rgba(94, 114, 228, 0.3);
    }
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(94, 114, 228, 0.4);
    }
div.ld4e0d571f5.r6e9650_6490 .n2911a0d_vg4j{
    background-color: var(--rel-bg-surface);
    color: var(--rel-text-main);
    border: 1px solid var(--rel-border);
    }
div.ld4e0d571f5.r6e9650_6490 .n2911a0d_vg4j:hover{
    background-color: var(--rel-bg-alt);
    border-color: var(--rel-text-muted); color: #1a1a2e;}
div.ld4e0d571f5.r6e9650_6490 .h6ccd8d_d2a{
    position: relative;
    height: 100%;
    min-height: 400px;
    border-radius: var(--rel-radius-xl);
    background: var(--rel-bg-surface);
    box-shadow: var(--rel-shadow-lg);
    display: flex;
    flex-direction: column;
    padding: 32px;
    border: 1px solid var(--rel-border); color: #1a1a2e;}
div.ld4e0d571f5.r6e9650_6490 .gff519_3c99{
    background: #1e1e1e;
    border-radius: var(--rel-radius-md);
    padding: 24px;
    color: #d4d4d4;
    font-family: monospace;
    font-size: 0.9rem;
    flex-grow: 1;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.2);
    }
div.ld4e0d571f5.r6e9650_6490 .gff519_3c99 p{ margin-bottom: 8px; }
div.ld4e0d571f5.r6e9650_6490 .gff519_3c99 .b05d811e69{ color: #569cd6; }
div.ld4e0d571f5.r6e9650_6490 .gff519_3c99 .b2c9__7bbe{ color: #4af626; }
div.ld4e0d571f5.r6e9650_6490 .gff519_3c99 .kzbtnjkf{ color: #ce9178; }
div.ld4e0d571f5.r6e9650_6490 .z448c70c_kt5{
    padding: 100px 0;
    }
div.ld4e0d571f5.r6e9650_6490 .rc60edb2{
    background-color: var(--rel-bg-surface); color: #1a1a2e;}
div.ld4e0d571f5.r6e9650_6490 .maf8__c7bf6{
    margin-bottom: 64px;
    
    text-align: left;
    border-right: 4px solid var(--rel-primary);
    padding-right: 24px;
    }
div.ld4e0d571f5.r6e9650_6490 .maf8__c7bf6 h2{
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--rel-text-main);
    }
div.ld4e0d571f5.r6e9650_6490 .maf8__c7bf6 p{
    font-size: 1.125rem;
    color: var(--rel-text-muted);
    max-width: 600px;
    margin-left: 0;
    }
div.ld4e0d571f5.r6e9650_6490 .f2b39_819e{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    }
div.ld4e0d571f5.r6e9650_6490 .i627265cf2{
    background: var(--rel-bg-surface);
    border-radius: var(--rel-radius-lg);
    padding: 32px 24px;
    border: 1px solid var(--rel-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left; color: #1a1a2e;}
div.ld4e0d571f5.r6e9650_6490 .i627265cf2:hover{
    transform: translateY(-4px);
    box-shadow: var(--rel-shadow-md);
    border-color: rgba(94, 114, 228, 0.3);
    }
div.ld4e0d571f5.r6e9650_6490 .m785mxsyp{
    width: 48px;
    height: 48px;
    background-color: var(--rel-bg-alt);
    border-radius: var(--rel-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: #1a1a2e;
    }
div.ld4e0d571f5.r6e9650_6490 .m785mxsyp svg{
    width: 24px;
    height: 24px;
    }
div.ld4e0d571f5.r6e9650_6490 .i627265cf2 h3{
    font-size: 1.25rem;
    margin-bottom: 12px;
    font-weight: 600;
    }
div.ld4e0d571f5.r6e9650_6490 .i627265cf2 p{
    color: var(--rel-text-muted);
    font-size: 0.9375rem;
    margin-bottom: 24px;
    flex-grow: 1;
    }
div.ld4e0d571f5.r6e9650_6490 .odcccf1a{
    font-size: 0.8125rem;
    color: var(--rel-text-muted);
    padding-top: 16px;
    border-top: 1px solid var(--rel-border);
    }
div.ld4e0d571f5.r6e9650_6490 .s40e66_2a{
    display: flex;
    flex-direction: column;
    gap: 80px;
    }
div.ld4e0d571f5.r6e9650_6490 .ffdhx7usrp{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    }
div.ld4e0d571f5.r6e9650_6490 .ffdhx7usrp:nth-child(even) .jee3f79_9cdf{
    order: 2;
    }
div.ld4e0d571f5.r6e9650_6490 .ffdhx7usrp:nth-child(even) .ca0b1__e48{
    order: 1;
    }
div.ld4e0d571f5.r6e9650_6490 .jee3f79_9cdf h3{
    font-size: 1.75rem;
    margin-bottom: 16px;
    }
div.ld4e0d571f5.r6e9650_6490 .jee3f79_9cdf p{
    color: var(--rel-text-muted);
    font-size: 1.0625rem;
    margin-bottom: 24px;
    }
div.ld4e0d571f5.r6e9650_6490 .sd47a3c87d{
    list-style: none;
    }
div.ld4e0d571f5.r6e9650_6490 .sd47a3c87d li{
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px;
    color: var(--rel-text-main);
    font-weight: 500;
    }
div.ld4e0d571f5.r6e9650_6490 .sd47a3c87d li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/200.svg' viewBox='0 0 24 24' fill='none' stroke='%235e72e4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    }
div.ld4e0d571f5.r6e9650_6490 .sd47a3c87d li span{
    display: block;
    font-size: 0.875rem;
    color: var(--rel-text-muted);
    font-weight: 400;
    margin-top: 4px;
    }
div.ld4e0d571f5.r6e9650_6490 .ca0b1__e48 img{
    width: 100%;
    height: auto;
    border-radius: var(--rel-radius-lg);
    box-shadow: var(--rel-shadow-md);
    object-fit: cover;
    aspect-ratio: 4/3;
    display: block;
    }
div.ld4e0d571f5.r6e9650_6490 .r635157_7fb{background: linear-gradient(to right, #111827, #1f2937);
    border-radius: var(--rel-radius-xl);
    padding: 48px;
    color: #ffffff;
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 48px;
    align-items: center;
    overflow: hidden;
    position: relative; isolation: isolate;}
div.ld4e0d571f5.r6e9650_6490 .r635157_7fb::after{
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(94, 114, 228, 0.15) 0%, rgba(255,255,255,0) 70%);
    border-radius: 50%;
    pointer-events: none; color: #1a1a2e;}
div.ld4e0d571f5.r6e9650_6490 .t60893b_ec h3{
    font-size: 2rem;
    margin-bottom: 24px;
    }
div.ld4e0d571f5.r6e9650_6490 .t60893b_ec p{
    color: #9ca3af;
    margin-bottom: 24px;
    font-size: 1.0625rem;
    }
div.ld4e0d571f5.r6e9650_6490 .u88fdfc_9f0{
    position: relative;
    z-index: 1;
    }
div.ld4e0d571f5.r6e9650_6490 .u88fdfc_9f0 img{
    width: 100%;
    border-radius: var(--rel-radius-md);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    }
div.ld4e0d571f5.r6e9650_6490 .ouoqh0pts{
    background-color: var(--rel-bg-surface);
    padding: 40px;
    border-radius: var(--rel-radius-lg);
    border: 1px solid var(--rel-border); color: #1a1a2e;}
div.ld4e0d571f5.r6e9650_6490 .ouoqh0pts h4{
    font-size: 1.25rem;
    margin-bottom: 16px;
    color: var(--rel-text-main);
    }
div.ld4e0d571f5.r6e9650_6490 .ouoqh0pts p{
    margin-bottom: 16px;
    color: var(--rel-text-muted);
    }
div.ld4e0d571f5.r6e9650_6490 .ouoqh0pts a{
    color: var(--rel-primary);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
div.ld4e0d571f5.r6e9650_6490 .ouoqh0pts a:hover{
    border-bottom-color: var(--rel-primary);
    }
div.ld4e0d571f5.r6e9650_6490 .u69f59230 p{
    color: var(--rel-text-muted);
    font-size: 0.875rem;
    }
@media (max-width: 1024px) {div.ld4e0d571f5.r6e9650_6490 .f2b39_819e{
    grid-template-columns: repeat(2, 1fr);
    }
div.ld4e0d571f5.r6e9650_6490 .lfc85_3278 h1{
    font-size: 3rem;
    }}
@media (max-width: 768px) {div.ld4e0d571f5.r6e9650_6490 .lfc85_3278{
    padding: 80px 0 60px;
    }
div.ld4e0d571f5.r6e9650_6490 .d0ec211_j3, div.ld4e0d571f5.r6e9650_6490 .ffdhx7usrp, div.ld4e0d571f5.r6e9650_6490 .r635157_7fb{
    grid-template-columns: 1fr;
    gap: 40px;
    }
div.ld4e0d571f5.r6e9650_6490 .ffdhx7usrp:nth-child(even) .jee3f79_9cdf{
    order: 1;
    }
div.ld4e0d571f5.r6e9650_6490 .ffdhx7usrp:nth-child(even) .ca0b1__e48{
    order: 2;
    }
div.ld4e0d571f5.r6e9650_6490 .maf8__c7bf6{
    text-align: left;
    border-right: none;
    border-left: 4px solid var(--rel-primary);
    padding-right: 0;
    padding-left: 20px;
    }
div.ld4e0d571f5.r6e9650_6490 .maf8__c7bf6 p{
    margin-left: 0;
    }
div.ld4e0d571f5.r6e9650_6490 .f2b39_819e{
    grid-template-columns: 1fr;
    }}
.as6gj7xp{
    width: 100%;
    background-color: hsl(225, 15%, 8%);
    padding-top: 80px;
    padding-bottom: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    box-sizing: border-box; color: #ffffff;}
.t085__692{
    width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 80px;
    }
.f6dc7f__ac768{
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    }
.ycae__c6a{
    flex: 2 1 320px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    box-sizing: border-box;
    }
.ujmosdovq{
    width: 100%;
    flex: 0 0 auto;
    font-size: 22px;
    font-weight: 700;
    color: hsl(225, 10%, 98%);
    letter-spacing: -0.5px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
.ec46e58f_1kt{
    width: 100%;
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 1.6;
    color: hsl(225, 10%, 65%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 400px;
    margin: 0;
    padding: 0;
    }
.p59b3dc7092{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #1a1a2e;
    font-size: 14px;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(35, 84, 244, 0.25);
    transition: var(--transition);
    width: fit-content;
    flex: 0 0 auto;
    }
.p59b3dc7092:hover{
    box-shadow: 0 6px 20px rgba(35, 84, 244, 0.4);
    transform: translateY(-2px);
    }
.vsenqz41z, .e4d6__2fc, .tc09e71_426{
    flex: 1 1 160px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
    }
.r8095bfb5fe{
    width: 100%;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    color: hsl(225, 10%, 95%);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
.r1d382__197{
    width: 100%;
    flex: 1 1 auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    }
.u6ca932ee{
    width: 100%;
    flex: 0 0 auto;
    font-size: 14px;
    color: hsl(225, 10%, 65%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
.r36491_f892{
    color: hsl(225, 10%, 65%);
    text-decoration: none;
    transition: var(--transition);
    display: inline-block;
    }
.r36491_f892:hover{
    color: var(--primary-color);
    }
.ks8vxn0hg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 16px;
    }
.tb7af6e6{
    flex: 1 1 auto;
    font-size: 14px;
    color: hsl(225, 10%, 50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
.f3fc8b42{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    }
.s1f21594c{
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background-color: hsl(144, 60%, 50%);
    display: inline-block; color: #1a1a2e;}
.l67c__9643{
    flex: 0 0 auto;
    font-size: 14px;
    color: hsl(225, 10%, 50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
@media (max-width: 900px){.ycae__c6a{
    flex: 1 1 100%;
    max-width: 100%;
    }}
@media (max-width: 640px){.as6gj7xp{
    padding-top: 64px;
    padding-bottom: 32px;
    }
.t085__692{
    gap: 48px;
    }
.f6dc7f__ac768{
    gap: 40px;
    }
.vsenqz41z, .e4d6__2fc, .tc09e71_426{
    flex: 1 1 100%;
    }
.ks8vxn0hg{
    flex-direction: column;
    align-items: flex-start;
    }}
body{
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--bg-color); color: #1a1a2e;}
.ynw2eskvzaz1{
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    height: var(--nav-height);
    background-color: var(--nav-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: center; color: #1a1a2e;}
.v8c47b4c{
    width: var(--max-width);
    height: 100%;
    display: flex;
    align-items: center;
    }
.m069__52d34{
    display: flex;
    align-items: center;
    margin-right: 48px;
    }
.p25cbe6{
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    }
.f6c3134e_vg{
    display: block;
    }
.vf67df5{
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--text-color);
    }
.a91274__ceb{
    display: flex;
    flex: 1;
    }
.yk4g8kk65ws7{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    }
.b5515ad{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
.b5515ad:hover{
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.05);
    }
.ma8aed_px{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto; 
    }
.t8742e_53{
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 10px 24px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    display: inline-block;
    letter-spacing: -0.01em;
    }
.t8742e_53:hover{
    background: var(--secondary-color);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px); color: #1a1a2e;}
.i4fa57f{
    display: none;
    }
.ab760a_66{
    display: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    }
.v83vp4zh{
    position: relative;
    width: 20px;
    height: 2px;
    background-color: var(--text-color);
    transition: var(--transition);
    border-radius: 2px; color: #ffffff;}
.v83vp4zh::before, .v83vp4zh::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: var(--text-color);
    transition: var(--transition);
    border-radius: 2px;
    left: 0; color: #ffffff;}
.v83vp4zh::before{ top: -6px; }
.v83vp4zh::after{ top: 6px; }
@media (max-width: 1024px){.m069__52d34 {
    margin-right: 0;
    }
.ab760a_66 {
    display: flex;
    }
.a91274__ceb {
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background-color: var(--nav-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    padding: 16px 0;
    flex-direction: column;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition); color: #1a1a2e;}
.yk4g8kk65ws7 {
    flex-direction: column;
    width: var(--max-width);
    margin: 0 auto;
    align-items: flex-start;
    gap: 8px;
    }
.yk4g8kk65ws7 li {
    width: 100%;
    }
.b5515ad {
    display: block;
    width: 100%;
    padding: 12px 16px;
    font-size: 1rem;
    border-radius: var(--radius-md);
    }
.i4fa57f:checked ~ .a91274__ceb {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
    visibility: visible;
    }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh {
    background-color: transparent;
    }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh::before {
    transform: translateY(6px) rotate(45deg);
    }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh::after {
    transform: translateY(-6px) rotate(-45deg);
    }}
@media (max-width: 480px){.t8742e_53{
    padding: 8px 16px;
    font-size: 0.85rem;
    }
.vf67df5{
    display: none; 
    }}
.b5515ad.active{color: #ffffff; background-color: rgba(0, 0, 0, 0.05);}
@media (min-width: 1025px){.ynw2eskvzaz1 #nt74bee8a3c7, .ynw2eskvzaz1 label[for="nt74bee8a3c7"]{ display: none !important; }}
@media (min-width: 1025px){.ynw2eskvzaz1 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1 .a91274__ceb a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.b5515ad.active {color: #ffffff; background-color: rgba(0, 0, 0, 0.05);}
#nt74bee8a3c7:checked ~ .a91274__ceb { right: 0 !important; left: auto !important; }
@media (max-width: 1024px) {.ynw2eskvzaz1.ba1c3d549 .a91274__ceb { 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: 1024px) {#nt74bee8a3c7:checked ~ .a91274__ceb { right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1025px) {.ynw2eskvzaz1.ba1c3d549 #nt74bee8a3c7, .ynw2eskvzaz1.ba1c3d549 label[for="nt74bee8a3c7"] { display: none !important; }}
@media (min-width: 1025px) {.ynw2eskvzaz1.ba1c3d549 .a91274__ceb { 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: 1025px) {.ynw2eskvzaz1.ba1c3d549 .a91274__ceb { 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: 1025px) {.ynw2eskvzaz1.ba1c3d549 .a91274__ceb 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.ld4e0d571f5 img.g892ab0c2 {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.ld4e0d571f5 img.g892ab0c2.pe5850_113b { aspect-ratio: 16 / 9; }
div.ld4e0d571f5 img.g892ab0c2.dfac413a871 { aspect-ratio: 16 / 10; }
div.ld4e0d571f5 img.g892ab0c2.q71eb9e6f7f { aspect-ratio: 4 / 3; }
div.ld4e0d571f5 img.g892ab0c2.j74504_b499 { aspect-ratio: 1 / 1; }
div.ld4e0d571f5 :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.ld4e0d571f5 .rc45__6fd5 {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.ld4e0d571f5 .rc45__6fd5.pe5850_113b { aspect-ratio: 16 / 9; }
div.ld4e0d571f5 .rc45__6fd5.dfac413a871 { aspect-ratio: 16 / 10; }
div.ld4e0d571f5 .rc45__6fd5.q71eb9e6f7f { aspect-ratio: 4 / 3; }
div.ld4e0d571f5 .rc45__6fd5.j74504_b499 { aspect-ratio: 1 / 1; }
div.ld4e0d571f5 .rc45__6fd5 > img.g892ab0c2,
    div.ld4e0d571f5 .rc45__6fd5 > picture > img.g892ab0c2 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36 a:not([class]){color:#ffffff !important;text-decoration:underline;}
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36 a[class=""]{color:#ffffff !important;text-decoration:underline;}
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36 a:not([class]):hover{opacity:0.92;}
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36 a[class=""]:hover{opacity:0.92;}
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36 a:not([class]):visited{color:#ffffff !important;}
div.ld4e0d571f5.r6e9650_6490 .j7c50e1_36 a[class=""]:visited{color:#ffffff !important;}
body{
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--bg-color); color: #1a1a2e;}
.ynw2eskvzaz1{
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    height: var(--nav-height);
    background-color: var(--nav-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: center; color: #1a1a2e;}
.v8c47b4c{
    width: var(--max-width);
    height: 100%;
    display: flex;
    align-items: center;
    }
.m069__52d34{
    display: flex;
    align-items: center;
    margin-right: 48px;
    }
.p25cbe6{
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    }
.f6c3134e_vg{
    display: block;
    }
.vf67df5{
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--text-color);
    }
.a91274__ceb{
    display: flex;
    flex: 1;
    }
.yk4g8kk65ws7{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    }
.b5515ad{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
.b5515ad:hover{
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.05);
    }
.ma8aed_px{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto; 
    }
.t8742e_53{
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-weight: 600;
    font-size: 0.95rem;
    padding: 10px 24px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: var(--transition);
    display: inline-block;
    letter-spacing: -0.01em;
    }
.t8742e_53:hover{
    background: var(--secondary-color);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px); color: #1a1a2e;}
.i4fa57f{
    display: none;
    }
.ab760a_66{
    display: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    }
.v83vp4zh{
    position: relative;
    width: 20px;
    height: 2px;
    background-color: var(--text-color);
    transition: var(--transition);
    border-radius: 2px; color: #ffffff;}
.v83vp4zh::before, .v83vp4zh::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: var(--text-color);
    transition: var(--transition);
    border-radius: 2px;
    left: 0; color: #ffffff;}
.v83vp4zh::before{ top: -6px; }
.v83vp4zh::after{ top: 6px; }
@media (max-width: 1024px){.m069__52d34 {
    margin-right: 0;
    }
.ab760a_66 {
    display: flex;
    }
.a91274__ceb {
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background-color: var(--nav-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    padding: 16px 0;
    flex-direction: column;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition); color: #1a1a2e;}
.yk4g8kk65ws7 {
    flex-direction: column;
    width: var(--max-width);
    margin: 0 auto;
    align-items: flex-start;
    gap: 8px;
    }
.yk4g8kk65ws7 li {
    width: 100%;
    }
.b5515ad {
    display: block;
    width: 100%;
    padding: 12px 16px;
    font-size: 1rem;
    border-radius: var(--radius-md);
    }
.i4fa57f:checked ~ .a91274__ceb {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
    visibility: visible;
    }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh {
    background-color: transparent;
    }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh::before {
    transform: translateY(6px) rotate(45deg);
    }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh::after {
    transform: translateY(-6px) rotate(-45deg);
    }}
@media (max-width: 480px){.t8742e_53{
    padding: 8px 16px;
    font-size: 0.85rem;
    }
.vf67df5{
    display: none; 
    }}
.b5515ad.active{color: #ffffff; background-color: rgba(0, 0, 0, 0.05);}
@media (min-width: 1025px){.ynw2eskvzaz1 #nt74bee8a3c7, .ynw2eskvzaz1 label[for="nt74bee8a3c7"]{ display: none !important; }}
@media (min-width: 1025px){.ynw2eskvzaz1 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1 .a91274__ceb a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.b5515ad.active{color: #ffffff; background-color: rgba(0, 0, 0, 0.05);}
#nt74bee8a3c7:checked ~ .a91274__ceb{ right: 0 !important; left: auto !important; }
@media (max-width: 1024px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb{ 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: 1024px){#nt74bee8a3c7:checked ~ .a91274__ceb{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1025px){.ynw2eskvzaz1.ba1c3d549 #nt74bee8a3c7, .ynw2eskvzaz1.ba1c3d549 label[for="nt74bee8a3c7"]{ display: none !important; }}
@media (min-width: 1025px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.as6gj7xp{
    width: 100%;
    background-color: hsl(225, 15%, 8%);
    padding-top: 80px;
    padding-bottom: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    box-sizing: border-box; color: #ffffff;}
.t085__692{
    width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 80px;
    }
.f6dc7f__ac768{
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    }
.ycae__c6a{
    flex: 2 1 320px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    box-sizing: border-box;
    }
.ujmosdovq{
    width: 100%;
    flex: 0 0 auto;
    font-size: 22px;
    font-weight: 700;
    color: hsl(225, 10%, 98%);
    letter-spacing: -0.5px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
.ec46e58f_1kt{
    width: 100%;
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 1.6;
    color: hsl(225, 10%, 65%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 400px;
    margin: 0;
    padding: 0;
    }
.p59b3dc7092{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #1a1a2e;
    font-size: 14px;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(35, 84, 244, 0.25);
    transition: var(--transition);
    width: fit-content;
    flex: 0 0 auto;
    }
.p59b3dc7092:hover{
    box-shadow: 0 6px 20px rgba(35, 84, 244, 0.4);
    transform: translateY(-2px);
    }
.vsenqz41z, .e4d6__2fc, .tc09e71_426{
    flex: 1 1 160px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
    }
.r8095bfb5fe{
    width: 100%;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    color: hsl(225, 10%, 95%);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
.r1d382__197{
    width: 100%;
    flex: 1 1 auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    }
.u6ca932ee{
    width: 100%;
    flex: 0 0 auto;
    font-size: 14px;
    color: hsl(225, 10%, 65%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
.r36491_f892{
    color: hsl(225, 10%, 65%);
    text-decoration: none;
    transition: var(--transition);
    display: inline-block;
    }
.r36491_f892:hover{
    color: var(--primary-color);
    }
.ks8vxn0hg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 16px;
    }
.tb7af6e6{
    flex: 1 1 auto;
    font-size: 14px;
    color: hsl(225, 10%, 50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
.f3fc8b42{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    }
.s1f21594c{
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background-color: hsl(144, 60%, 50%);
    display: inline-block; color: #1a1a2e;}
.l67c__9643{
    flex: 0 0 auto;
    font-size: 14px;
    color: hsl(225, 10%, 50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    }
@media (max-width: 900px){.ycae__c6a{
    flex: 1 1 100%;
    max-width: 100%;
    }}
@media (max-width: 640px){.as6gj7xp{
    padding-top: 64px;
    padding-bottom: 32px;
    }
.t085__692{
    gap: 48px;
    }
.f6dc7f__ac768{
    gap: 40px;
    }
.vsenqz41z, .e4d6__2fc, .tc09e71_426{
    flex: 1 1 100%;
    }
.ks8vxn0hg{
    flex-direction: column;
    align-items: flex-start;
    }}
body{
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: var(--bg-color); color: #1a1a2e;}
.ynw2eskvzaz1{
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  height: var(--nav-height);
  background-color: var(--nav-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-color);
  display: flex;
  justify-content: center; color: #1a1a2e;}
.v8c47b4c{
  width: var(--max-width);
  height: 100%;
  display: flex;
  align-items: center;
}
.m069__52d34{
  display: flex;
  align-items: center;
  margin-right: 48px;
}
.p25cbe6{
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.f6c3134e_vg{
  display: block;
}
.vf67df5{
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--text-color);
}
.a91274__ceb{
  display: flex;
  flex: 1;
}
.yk4g8kk65ws7{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.b5515ad{
  text-decoration: none;
  color: var(--text-muted);
  font-size: 0.9rem;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}
.b5515ad:hover{
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.05);
}
.ma8aed_px{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto; 
}
.t8742e_53{
  text-decoration: none;
  background: var(--primary-color);
  color: var(--btn-text);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 10px 24px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition);
  display: inline-block;
  letter-spacing: -0.01em;
}
.t8742e_53:hover{
  background: var(--secondary-color);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px); color: #1a1a2e;}
.i4fa57f{
  display: none;
}
.ab760a_66{
  display: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
}
.v83vp4zh{
  position: relative;
  width: 20px;
  height: 2px;
  background-color: var(--text-color);
  transition: var(--transition);
  border-radius: 2px; color: #ffffff;}
.v83vp4zh::before, .v83vp4zh::after{
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: var(--text-color);
  transition: var(--transition);
  border-radius: 2px;
  left: 0; color: #ffffff;}
.v83vp4zh::before{ top: -6px; }
.v83vp4zh::after{ top: 6px; }
@media (max-width: 1024px){.m069__52d34 {
    margin-right: 0;
  }
.ab760a_66 {
    display: flex;
  }
.a91274__ceb {
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background-color: var(--nav-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    padding: 16px 0;
    flex-direction: column;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition); color: #1a1a2e;}
.yk4g8kk65ws7 {
    flex-direction: column;
    width: var(--max-width);
    margin: 0 auto;
    align-items: flex-start;
    gap: 8px;
  }
.yk4g8kk65ws7 li {
    width: 100%;
  }
.b5515ad {
    display: block;
    width: 100%;
    padding: 12px 16px;
    font-size: 1rem;
    border-radius: var(--radius-md);
  }
.i4fa57f:checked ~ .a91274__ceb {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
    visibility: visible;
  }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh {
    background-color: transparent;
  }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh::before {
    transform: translateY(6px) rotate(45deg);
  }
.i4fa57f:checked ~ .ma8aed_px .v83vp4zh::after {
    transform: translateY(-6px) rotate(-45deg);
  }}
@media (max-width: 480px){.t8742e_53{
    padding: 8px 16px;
    font-size: 0.85rem;
  }
.vf67df5{
    display: none; 
  }}
.b5515ad.active{color: #ffffff; background-color: rgba(0, 0, 0, 0.05);}
@media (min-width: 1025px){.ynw2eskvzaz1 #nt74bee8a3c7, .ynw2eskvzaz1 label[for="nt74bee8a3c7"]{ display: none !important; }}
@media (min-width: 1025px){.ynw2eskvzaz1 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1 .a91274__ceb a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.b5515ad.active{color: #ffffff; background-color: rgba(0, 0, 0, 0.05);}
#nt74bee8a3c7:checked ~ .a91274__ceb{ right: 0 !important; left: auto !important; }
@media (max-width: 1024px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb{ 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: 1024px){#nt74bee8a3c7:checked ~ .a91274__ceb{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1025px){.ynw2eskvzaz1.ba1c3d549 #nt74bee8a3c7, .ynw2eskvzaz1.ba1c3d549 label[for="nt74bee8a3c7"]{ display: none !important; }}
@media (min-width: 1025px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb{ 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: 1025px){.ynw2eskvzaz1.ba1c3d549 .a91274__ceb a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.n52e__70a1{
    width: 100%;
    background-color: hsl(225, 15%, 8%);
    padding-top: 80px;
    padding-bottom: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    box-sizing: border-box; color: #ffffff;}
.d5bb7a_32d8{
    width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.u97e38_766e{
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
}
.hbf3__0851{
    flex: 2 1 320px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    box-sizing: border-box;
}
.v277__1e71{
    width: 100%;
    flex: 0 0 auto;
    font-size: 22px;
    font-weight: 700;
    color: hsl(225, 10%, 98%);
    letter-spacing: -0.5px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
}
.h3b8cf_6fd6{
    width: 100%;
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 1.6;
    color: hsl(225, 10%, 65%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 400px;
    margin: 0;
    padding: 0;
}
.ge3f__8708{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: #1a1a2e;
    font-size: 14px;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(35, 84, 244, 0.25);
    transition: var(--transition);
    width: fit-content;
    flex: 0 0 auto;
}
.ge3f__8708:hover{
    box-shadow: 0 6px 20px rgba(35, 84, 244, 0.4);
    transform: translateY(-2px);
}
.ve08cd29c, .afd8__3f55, .jdd162e12aa{
    flex: 1 1 160px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
}
.pd2935_e60a{
    width: 100%;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    color: hsl(225, 10%, 95%);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
}
.f330a9_5a31{
    width: 100%;
    flex: 1 1 auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.s98270744{
    width: 100%;
    flex: 0 0 auto;
    font-size: 14px;
    color: hsl(225, 10%, 65%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.rba659e88{
    color: hsl(225, 10%, 65%);
    text-decoration: none;
    transition: var(--transition);
    display: inline-block;
}
.rba659e88:hover{
    color: var(--primary-color);
}
.if06__2b37{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 16px;
}
.o65b__56d0{
    flex: 1 1 auto;
    font-size: 14px;
    color: hsl(225, 10%, 50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
}
.ee059dcf7{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.uba4__9265{
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background-color: hsl(144, 60%, 50%);
    display: inline-block; color: #1a1a2e;}
.f6c3d3_67db{
    flex: 0 0 auto;
    font-size: 14px;
    color: hsl(225, 10%, 50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
}
@media (max-width: 900px){.hbf3__0851{
        flex: 1 1 100%;
        max-width: 100%;
    }}
@media (max-width: 640px){.n52e__70a1{
        padding-top: 64px;
        padding-bottom: 32px;
    }
.d5bb7a_32d8{
        gap: 48px;
    }
.u97e38_766e{
        gap: 40px;
    }
.ve08cd29c, .afd8__3f55, .jdd162e12aa{
        flex: 1 1 100%;
    }
.if06__2b37{
        flex-direction: column;
        align-items: flex-start;
    }}
.da710a_8dc7{box-sizing:border-box;}
.n0a7f2df5f6{box-sizing:border-box;}
.y93445b8a{box-sizing:border-box;}
@media (max-width: 768px) {.ks8vxn0hg { 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; }
div.ld4e0d571f5.r6e9650_6490 .r635157_7fb { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }}