:root {

  --page-main-accent: var(--primary-color, hsl(44, 82%, 59%));
  --page-secondary: var(--secondary-color, hsl(139, 65%, 59%));
  --page-text: var(--text-color, hsl(44, 10%, 9%));
  --page-bg: var(--bg-color, hsl(44, 8%, 96%));
  --page-card-bg: #ffffff;
  --max-width: 1200px;
  --read-width: 680px;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --primary-color: hsl(44, 82%, 59%);
  --secondary-color: hsl(139, 65%, 59%);
  --bg-color: hsl(44, 8%, 96%);
  --text-color: hsl(44, 10%, 9%);
  --text-muted: hsl(44, 5%, 45%);
  --border-color: rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
  --nav-height: 64px;
  --nav-bg: rgba(245, 244, 242, 0.85);
  --btn-text: #ffffff;
  --font-main: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
  --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%);
}
div.ra961e1e0.oc8ff_65{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--page-text);
    background-color: var(--page-bg);
    line-height: 1.6;
    overflow-x: hidden;
    }
div.ra961e1e0.oc8ff_65 .pbo5svc1b{
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
div.ra961e1e0.oc8ff_65 .g547__ce9c{
    display: flex;
    flex-direction: column;
    padding: 60px 0;
    gap: 40px;
    }
div.ra961e1e0.oc8ff_65 .a97c__a9a{
    width: 100%;
    height: 400px;
    border-radius: var(--border-radius, 12px);
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }
div.ra961e1e0.oc8ff_65 .a97c__a9a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
div.ra961e1e0.oc8ff_65 .nwakxba33a{
    max-width: var(--read-width);
    text-align: left; 
    }
div.ra961e1e0.oc8ff_65 .nwakxba33a h1{
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    line-height: 1.1;
    margin-bottom: 24px;
    font-weight: 800;
    letter-spacing: -0.02em;
    }
div.ra961e1e0.oc8ff_65 .nwakxba33a p{
    font-size: 1.25rem;
    color: rgba(0,0,0,0.7);
    margin-bottom: 32px;
    }
div.ra961e1e0.oc8ff_65 .zd338__293{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    }
div.ra961e1e0.oc8ff_65 .h825a_af87{
    padding: 14px 28px;
    border-radius: var(--border-radius, 8px);
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    }
div.ra961e1e0.oc8ff_65 .ie156_07d{
    background-color: var(--page-main-accent);
    color: #000;
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
    }
div.ra961e1e0.oc8ff_65 .ie156_07d:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(255, 193, 7, 0.4);
    }
div.ra961e1e0.oc8ff_65 .z8531_f127{
    background-color: transparent;
    border: 2px solid var(--page-text);
    color: var(--page-text);
    }
div.ra961e1e0.oc8ff_65 .z8531_f127:hover{
    background-color: var(--page-text);
    color: #fff;
    }
div.ra961e1e0.oc8ff_65 .s17b479a3{
    margin: 80px 0 40px;
    text-align: left; 
    }
div.ra961e1e0.oc8ff_65 .s17b479a3 h2{
    font-size: 2rem;
    position: relative;
    display: inline-block;
    }
div.ra961e1e0.oc8ff_65 .s17b479a3 h2::after{
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 60px;
    height: 4px;
    background: var(--page-main-accent); color: #1a1a2e;}
div.ra961e1e0.oc8ff_65 .j0lf0rmi8ssh{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 60px;
    }
div.ra961e1e0.oc8ff_65 .sfd87c__d694{
    background: var(--page-card-bg);
    padding: 30px;
    border-radius: var(--border-radius, 12px);
    border: 1px solid rgba(0,0,0,0.05);
    transition: var(--transition); color: #1a1a2e;}
div.ra961e1e0.oc8ff_65 .sfd87c__d694:hover{
    border-color: var(--page-main-accent);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }
div.ra961e1e0.oc8ff_65 .zde82b2d1{
    display: inline-block;
    padding: 4px 10px;
    background: #f0f0f0;
    border-radius: 4px;
    font-family: monospace;
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 12px;
    border-bottom: 2px solid #ccc; color: #1a1a2e;}
div.ra961e1e0.oc8ff_65 .sfd87c__d694 h3{
    margin-bottom: 12px;
    font-size: 1.2rem;
    }
div.ra961e1e0.oc8ff_65 .i311d__358e4{
    background: #1a1a1a;
    color: #e0e0e0;
    padding: 40px;
    border-radius: var(--border-radius, 16px);
    margin: 40px 0;
    }
div.ra961e1e0.oc8ff_65 .mir39cf5odi8{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    }
div.ra961e1e0.oc8ff_65 .k91dd0d9_toqb{
    font-family: "Fira Code", monospace;
    font-size: 0.95rem;
    line-height: 1.8;
    }
div.ra961e1e0.oc8ff_65 .ba1369f6_3v{ color: #757575; }
div.ra961e1e0.oc8ff_65 .me642__be0e8{ color: var(--page-secondary); }
div.ra961e1e0.oc8ff_65 .d9a4__e48bf{
    max-width: var(--read-width);
    margin: 0 0 0 auto; 
    text-align: left;
    }
div.ra961e1e0.oc8ff_65 .d83ac568{
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    }
div.ra961e1e0.oc8ff_65 .d83ac568 h3{
    font-size: 1.1rem;
    margin-bottom: 12px;
    color: var(--page-text);
    }
div.ra961e1e0.oc8ff_65 .g3b797_af{
    background: #fff;
    padding: 60px;
    border-radius: var(--border-radius, 24px);
    text-align: center;
    margin: 100px 0;
    box-shadow: 0 40px 80px rgba(0,0,0,0.03); color: #1a1a2e;}
div.ra961e1e0.oc8ff_65 .e6e681_276f{
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    }
div.ra961e1e0.oc8ff_65 .e6e681_276f a{
    color: #666;
    text-decoration: none;
    }
div.ra961e1e0.oc8ff_65 .e6e681_276f a:hover{
    color: var(--page-main-accent);
    }
@media (max-width: 992px) {div.ra961e1e0.oc8ff_65 .j0lf0rmi8ssh{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 768px) {div.ra961e1e0.oc8ff_65 .j0lf0rmi8ssh{ grid-template-columns: 1fr; }
div.ra961e1e0.oc8ff_65 .a97c__a9a{ height: 250px; }
div.ra961e1e0.oc8ff_65 .s17b479a3{ text-align: left; }
div.ra961e1e0.oc8ff_65 .d9a4__e48bf{ margin: 0; }}
.fv2ny35u{
    background-color: var(--bg-color);
    padding: 80px 24px 48px 24px;
    border-top: 1px solid var(--border-color); color: #1a1a2e;}
.t34630__e325{
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    }
.ydd24c7_80{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 64px;
    }
.x019c453{
    flex: 0 1 680px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    }
.p5ptu8kqtyj{
    font-family: var(--font-main);
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color);
    letter-spacing: -0.02em;
    }
.te44__38bf5{
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
    max-width: 480px;
    }
.j3etwwa9g{
    flex: 0 0 auto;
    }
.uaa7fe__da372{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background-color: var(--primary-color);
    color: var(--text-color);
    font-family: var(--font-main);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md), 0 0 0 1px rgba(0,0,0,0.05);
    transition: var(--transition);
    }
.uaa7fe__da372:hover{
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    filter: brightness(1.05);
    }
.jb9a6332{
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    margin-bottom: 32px; color: #ffffff;}
.p772fb5_08{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    }
.o4b42_3d54{
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 0 auto;
    }
.d7e21_018{
    font-family: var(--font-main);
    font-size: 14px;
    color: var(--text-muted);
    }
.pc454f7{
    font-family: var(--font-main);
    font-size: 12px;
    font-weight: 500;
    color: var(--text-muted);
    padding: 2px 8px;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: var(--radius-sm);
    }
.j5d7fb__586f1{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    }
.t20dc_ae{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    box-shadow: 0 0 8px var(--secondary-color); color: #1a1a2e;}
.od2daa09{
    font-family: var(--font-main);
    font-size: 13px;
    color: var(--text-muted);
    }
@media (max-width: 768px){.fv2ny35u{
    padding: 60px 20px 40px 20px;
    }
.ydd24c7_80{
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    }
.x019c453{
    flex: 1 1 auto;
    }
.p772fb5_08{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-main);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    }
.sc3a38_efm{
    position: sticky;
    top: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: 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;}
.g63f9_cedf{
    width: 100%;
    max-width: var(--max-width);
    padding: 0 24px;
    display: flex;
    align-items: center;
    
    justify-content: flex-start;
    }
.gee4b6_4fc{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: 48px; 
    }
.k2iy41vg1x{
    width: 24px;
    height: 24px;
    background: var(--text-color);
    border-radius: var(--radius-sm);
    position: relative; color: #ffffff;}
.k2iy41vg1x::after{
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: var(--primary-color); color: #1a1a2e;}
.r3e56c7_95{
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    letter-spacing: -0.02em;
    }
.ibd8d5df2{
    flex: 1;
    }
.f7a01cf_4e0a{
    display: flex;
    list-style: none;
    gap: 24px;
    align-items: center;
    }
.u5a6df01261{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
    }
.u5a6df01261:hover{
    color: var(--text-color);
    }
.a9062d196a{
    margin-left: auto; 
    }
.ba44da58c{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    background: var(--primary-color);
    color: #1a1a2e; 
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid rgba(0, 0, 0, 0.05);
    }
.ba44da58c:hover{
    background: var(--text-color); 
    transform: translateY(-1px);
    box-shadow: var(--shadow-md); color: #ffffff;}
.hd1a__0f2{
    display: none;
    }
.y77298__48fab{
    display: none;
    cursor: pointer;
    padding: 10px;
    }
.p32haz0dzu0h{
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    position: relative; color: #ffffff;}
.p32haz0dzu0h::before, .p32haz0dzu0h::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition); color: #ffffff;}
.p32haz0dzu0h::before{ top: -6px; }
.p32haz0dzu0h::after{ bottom: -6px; }
.o7a4__d82e{
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 80px 24px;
    }
.g547__ce9c{
    max-width: 680px; 
    display: flex;
    flex-direction: column;
    align-items: flex-start; 
    text-align: left;
    }
.gc666808a{
    font-size: 56px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.04em;
    margin-bottom: 24px;
    color: var(--text-color);
    }
.ub7f282058a{
    font-size: 20px;
    color: var(--text-muted);
    margin-bottom: 40px;
    line-height: 1.6;
    }
@media (max-width: 1024px){.f7a01cf_4e0a {
    gap: 16px;
    }
.u5a6df01261 {
    font-size: 13px;
    }}
@media (max-width: 860px){.y77298__48fab{
    display: block;
    order: 2;
    margin-left: 16px;
    }
.ibd8d5df2{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
    padding: 20px;
    display: none; color: #1a1a2e;}
.f7a01cf_4e0a{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    }
.a9062d196a{
    margin-left: auto;
    order: 1;
    }
.hd1a__0f2:checked ~ .ibd8d5df2{
    display: block;
    animation: fadeIn 0.2s ease-out;
    }
.gc666808a{
    font-size: 40px;
    }}
@keyframes fadeIn{from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }}
.u5a6df01261.active{color: var(--text-color);}
@media (min-width: 1025px){.sc3a38_efm #nt42d0a8e1b2, .sc3a38_efm label[for="nt42d0a8e1b2"]{ display: none !important; }}
@media (min-width: 1025px){.sc3a38_efm .ibd8d5df2{ 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){.sc3a38_efm .ibd8d5df2{ 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){.sc3a38_efm .ibd8d5df2 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.tdeaa29ab49{box-sizing:border-box;}
.i4436ef1{list-style:none;}
.u5a6df01261.active {color: var(--text-color);}
#nt42d0a8e1b2:checked ~ .ibd8d5df2 { right: 0 !important; left: auto !important; }
@media (max-width: 1024px) {.sc3a38_efm.uc17__f967 .ibd8d5df2 { 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) {#nt42d0a8e1b2:checked ~ .ibd8d5df2 { right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1025px) {.sc3a38_efm.uc17__f967 #nt42d0a8e1b2, .sc3a38_efm.uc17__f967 label[for="nt42d0a8e1b2"] { display: none !important; }}
@media (min-width: 1025px) {.sc3a38_efm.uc17__f967 .ibd8d5df2 { 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) {.sc3a38_efm.uc17__f967 .ibd8d5df2 { 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) {.sc3a38_efm.uc17__f967 .ibd8d5df2 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.ra961e1e0 img.va02f9172 {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
div.ra961e1e0 img.va02f9172.uae60a2e2ec { aspect-ratio: 16 / 9; }
div.ra961e1e0 img.va02f9172.zc67__170b { aspect-ratio: 16 / 10; }
div.ra961e1e0 img.va02f9172.sd30f1790 { aspect-ratio: 4 / 3; }
div.ra961e1e0 img.va02f9172.p212__6a65 { aspect-ratio: 1 / 1; }
div.ra961e1e0 :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.ra961e1e0 .ze3b__72f8 {
    overflow: hidden;
    box-sizing: border-box !important;
    max-width: 100%;
    padding: 0 !important;
    min-height: 0;
    }
div.ra961e1e0 .ze3b__72f8.uae60a2e2ec { aspect-ratio: 16 / 9; }
div.ra961e1e0 .ze3b__72f8.zc67__170b { aspect-ratio: 16 / 10; }
div.ra961e1e0 .ze3b__72f8.sd30f1790 { aspect-ratio: 4 / 3; }
div.ra961e1e0 .ze3b__72f8.p212__6a65 { aspect-ratio: 1 / 1; }
div.ra961e1e0 .ze3b__72f8 > img.va02f9172,
    div.ra961e1e0 .ze3b__72f8 > picture > img.va02f9172 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }
.ab3ed2c63f4 {
    padding-left: clamp(16px, 4vw, 48px);
    padding-right: clamp(16px, 4vw, 48px);
    }
.ab3ed2c63f4 > :first-child,
    .ab3ed2c63f4 > :last-child {
    width: min(1280px, 100%);
    margin-left: auto;
    margin-right: auto;
    }
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-main);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    }
.sc3a38_efm{
    position: sticky;
    top: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: 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;}
.g63f9_cedf{
    width: 100%;
    max-width: var(--max-width);
    padding: 0 24px;
    display: flex;
    align-items: center;
    
    justify-content: flex-start;
    }
.gee4b6_4fc{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: 48px; 
    }
.k2iy41vg1x{
    width: 24px;
    height: 24px;
    background: var(--text-color);
    border-radius: var(--radius-sm);
    position: relative; color: #ffffff;}
.k2iy41vg1x::after{
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: var(--primary-color); color: #1a1a2e;}
.r3e56c7_95{
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    letter-spacing: -0.02em;
    }
.ibd8d5df2{
    flex: 1;
    }
.f7a01cf_4e0a{
    display: flex;
    list-style: none;
    gap: 24px;
    align-items: center;
    }
.u5a6df01261{
    text-decoration: none;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
    }
.u5a6df01261:hover{
    color: var(--text-color);
    }
.a9062d196a{
    margin-left: auto; 
    }
.ba44da58c{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    background: var(--primary-color);
    color: #1a1a2e; 
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid rgba(0, 0, 0, 0.05);
    }
.ba44da58c:hover{
    background: var(--text-color); 
    transform: translateY(-1px);
    box-shadow: var(--shadow-md); color: #ffffff;}
.hd1a__0f2{
    display: none;
    }
.y77298__48fab{
    display: none;
    cursor: pointer;
    padding: 10px;
    }
.p32haz0dzu0h{
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    position: relative; color: #ffffff;}
.p32haz0dzu0h::before, .p32haz0dzu0h::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition); color: #ffffff;}
.p32haz0dzu0h::before{ top: -6px; }
.p32haz0dzu0h::after{ bottom: -6px; }
.o7a4__d82e{
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 80px 24px;
    }
.g547__ce9c{
    max-width: 680px; 
    display: flex;
    flex-direction: column;
    align-items: flex-start; 
    text-align: left;
    }
.gc666808a{
    font-size: 56px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.04em;
    margin-bottom: 24px;
    color: var(--text-color);
    }
.ub7f282058a{
    font-size: 20px;
    color: var(--text-muted);
    margin-bottom: 40px;
    line-height: 1.6;
    }
@media (max-width: 1024px){.f7a01cf_4e0a {
    gap: 16px;
    }
.u5a6df01261 {
    font-size: 13px;
    }}
@media (max-width: 860px){.y77298__48fab{
    display: block;
    order: 2;
    margin-left: 16px;
    }
.ibd8d5df2{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
    padding: 20px;
    display: none; color: #1a1a2e;}
.f7a01cf_4e0a{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    }
.a9062d196a{
    margin-left: auto;
    order: 1;
    }
.hd1a__0f2:checked ~ .ibd8d5df2{
    display: block;
    animation: fadeIn 0.2s ease-out;
    }
.gc666808a{
    font-size: 40px;
    }}
@keyframes fadeIn{from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }}
.u5a6df01261.active{color: var(--text-color);}
@media (min-width: 1025px){.sc3a38_efm #nt42d0a8e1b2, .sc3a38_efm label[for="nt42d0a8e1b2"]{ display: none !important; }}
@media (min-width: 1025px){.sc3a38_efm .ibd8d5df2{ 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){.sc3a38_efm .ibd8d5df2{ 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){.sc3a38_efm .ibd8d5df2 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.tdeaa29ab49{box-sizing:border-box;}
.i4436ef1{list-style:none;}
.u5a6df01261.active{color: var(--text-color);}
#nt42d0a8e1b2:checked ~ .ibd8d5df2{ right: 0 !important; left: auto !important; }
@media (max-width: 1024px){.sc3a38_efm.uc17__f967 .ibd8d5df2{ 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){#nt42d0a8e1b2:checked ~ .ibd8d5df2{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1025px){.sc3a38_efm.uc17__f967 #nt42d0a8e1b2, .sc3a38_efm.uc17__f967 label[for="nt42d0a8e1b2"]{ display: none !important; }}
@media (min-width: 1025px){.sc3a38_efm.uc17__f967 .ibd8d5df2{ 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){.sc3a38_efm.uc17__f967 .ibd8d5df2{ 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){.sc3a38_efm.uc17__f967 .ibd8d5df2 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.fv2ny35u{
    background-color: var(--bg-color);
    padding: 80px 24px 48px 24px;
    border-top: 1px solid var(--border-color); color: #1a1a2e;}
.t34630__e325{
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    }
.ydd24c7_80{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 64px;
    }
.x019c453{
    flex: 0 1 680px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    }
.p5ptu8kqtyj{
    font-family: var(--font-main);
    font-size: 24px;
    font-weight: 800;
    color: var(--text-color);
    letter-spacing: -0.02em;
    }
.te44__38bf5{
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
    max-width: 480px;
    }
.j3etwwa9g{
    flex: 0 0 auto;
    }
.uaa7fe__da372{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background-color: var(--primary-color);
    color: var(--text-color);
    font-family: var(--font-main);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md), 0 0 0 1px rgba(0,0,0,0.05);
    transition: var(--transition);
    }
.uaa7fe__da372:hover{
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    filter: brightness(1.05);
    }
.jb9a6332{
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    margin-bottom: 32px; color: #ffffff;}
.p772fb5_08{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    }
.o4b42_3d54{
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 0 auto;
    }
.d7e21_018{
    font-family: var(--font-main);
    font-size: 14px;
    color: var(--text-muted);
    }
.pc454f7{
    font-family: var(--font-main);
    font-size: 12px;
    font-weight: 500;
    color: var(--text-muted);
    padding: 2px 8px;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: var(--radius-sm);
    }
.j5d7fb__586f1{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    }
.t20dc_ae{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--secondary-color);
    box-shadow: 0 0 8px var(--secondary-color); color: #1a1a2e;}
.od2daa09{
    font-family: var(--font-main);
    font-size: 13px;
    color: var(--text-muted);
    }
@media (max-width: 768px){.fv2ny35u{
    padding: 60px 20px 40px 20px;
    }
.ydd24c7_80{
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    }
.x019c453{
    flex: 1 1 auto;
    }
.p772fb5_08{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-main);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.sc3a38_efm{
  position: sticky;
  top: 0;
  z-index: 1000;
  height: var(--nav-height);
  background: 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;}
.g63f9_cedf{
  width: 100%;
  max-width: var(--max-width);
  padding: 0 24px;
  display: flex;
  align-items: center;
  
  justify-content: flex-start;
}
.gee4b6_4fc{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  margin-right: 48px; 
}
.k2iy41vg1x{
  width: 24px;
  height: 24px;
  background: var(--text-color);
  border-radius: var(--radius-sm);
  position: relative; color: #ffffff;}
.k2iy41vg1x::after{
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: var(--primary-color); color: #1a1a2e;}
.r3e56c7_95{
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  letter-spacing: -0.02em;
}
.ibd8d5df2{
  flex: 1;
}
.f7a01cf_4e0a{
  display: flex;
  list-style: none;
  gap: 24px;
  align-items: center;
}
.u5a6df01261{
  text-decoration: none;
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 500;
  transition: var(--transition);
}
.u5a6df01261:hover{
  color: var(--text-color);
}
.a9062d196a{
  margin-left: auto; 
}
.ba44da58c{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  background: var(--primary-color);
  color: #1a1a2e; 
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.ba44da58c:hover{
  background: var(--text-color); 
  transform: translateY(-1px);
  box-shadow: var(--shadow-md); color: #ffffff;}
.hd1a__0f2{
  display: none;
}
.y77298__48fab{
  display: none;
  cursor: pointer;
  padding: 10px;
}
.p32haz0dzu0h{
  display: block;
  width: 20px;
  height: 2px;
  background: var(--text-color);
  position: relative; color: #ffffff;}
.p32haz0dzu0h::before, .p32haz0dzu0h::after{
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--text-color);
  transition: var(--transition); color: #ffffff;}
.p32haz0dzu0h::before{ top: -6px; }
.p32haz0dzu0h::after{ bottom: -6px; }
.o7a4__d82e{
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 24px;
}
.g547__ce9c{
  max-width: 680px; 
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  text-align: left;
}
.gc666808a{
  font-size: 56px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin-bottom: 24px;
  color: var(--text-color);
}
.ub7f282058a{
  font-size: 20px;
  color: var(--text-muted);
  margin-bottom: 40px;
  line-height: 1.6;
}
@media (max-width: 1024px){.f7a01cf_4e0a {
    gap: 16px;
  }
.u5a6df01261 {
    font-size: 13px;
  }}
@media (max-width: 860px){.y77298__48fab{
    display: block;
    order: 2;
    margin-left: 16px;
  }
.ibd8d5df2{
    position: absolute;
    top: var(--nav-height);
    left: 0;
    width: 100%;
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
    padding: 20px;
    display: none; color: #1a1a2e;}
.f7a01cf_4e0a{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
.a9062d196a{
    margin-left: auto;
    order: 1;
  }
.hd1a__0f2:checked ~ .ibd8d5df2{
    display: block;
    animation: fadeIn 0.2s ease-out;
  }
.gc666808a{
    font-size: 40px;
  }}
@keyframes fadeIn{from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }}
.u5a6df01261.active{color: var(--text-color);}
@media (min-width: 1025px){.sc3a38_efm #nt42d0a8e1b2, .sc3a38_efm label[for="nt42d0a8e1b2"]{ display: none !important; }}
@media (min-width: 1025px){.sc3a38_efm .ibd8d5df2{ 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){.sc3a38_efm .ibd8d5df2{ 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){.sc3a38_efm .ibd8d5df2 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.tdeaa29ab49{box-sizing:border-box;}
.i4436ef1{list-style:none;}
.u5a6df01261.active{color: var(--text-color);}
#nt42d0a8e1b2:checked ~ .ibd8d5df2{ right: 0 !important; left: auto !important; }
@media (max-width: 1024px){.sc3a38_efm.uc17__f967 .ibd8d5df2{ 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){#nt42d0a8e1b2:checked ~ .ibd8d5df2{ right: 0 !important; left: auto !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }}
@media (min-width: 1025px){.sc3a38_efm.uc17__f967 #nt42d0a8e1b2, .sc3a38_efm.uc17__f967 label[for="nt42d0a8e1b2"]{ display: none !important; }}
@media (min-width: 1025px){.sc3a38_efm.uc17__f967 .ibd8d5df2{ 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){.sc3a38_efm.uc17__f967 .ibd8d5df2{ 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){.sc3a38_efm.uc17__f967 .ibd8d5df2 a{ display: inline-flex !important; align-items: center !important; text-align: left !important; }}
.pf68647e0f3{
  background-color: var(--bg-color);
  padding: 80px 24px 48px 24px;
  border-top: 1px solid var(--border-color); color: #1a1a2e;}
.b153__b03d{
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.ieca72f4fbb{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  margin-bottom: 64px;
}
.m91d76_4bc9{
  flex: 0 1 680px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.qe5112a0afa{
  font-family: var(--font-main);
  font-size: 24px;
  font-weight: 800;
  color: var(--text-color);
  letter-spacing: -0.02em;
}
.nf42236eb2e{
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-muted);
  margin: 0;
  max-width: 480px;
}
.f9933f_e1d2{
  flex: 0 0 auto;
}
.n94a0b_9fdb{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  background-color: var(--primary-color);
  color: var(--text-color);
  font-family: var(--font-main);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md), 0 0 0 1px rgba(0,0,0,0.05);
  transition: var(--transition);
}
.n94a0b_9fdb:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  filter: brightness(1.05);
}
.i8c0ef638f1{
  width: 100%;
  height: 1px;
  background-color: var(--border-color);
  margin-bottom: 32px; color: #ffffff;}
.v852__761d{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.fd9e4469b7d{
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}
.k0c7b2b28{
  font-family: var(--font-main);
  font-size: 14px;
  color: var(--text-muted);
}
.ga18d2282{
  font-family: var(--font-main);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  padding: 2px 8px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: var(--radius-sm);
}
.e1ed94b93{
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.rf8c2fd5f30{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--secondary-color);
  box-shadow: 0 0 8px var(--secondary-color); color: #1a1a2e;}
.q3cef4_a868{
  font-family: var(--font-main);
  font-size: 13px;
  color: var(--text-muted);
}
@media (max-width: 768px){.pf68647e0f3{
    padding: 60px 20px 40px 20px;
  }
.ieca72f4fbb{
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
.m91d76_4bc9{
    flex: 1 1 auto;
  }
.v852__761d{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }}
.z73753a3e88{box-sizing:border-box;}
.z20b4a7ae{box-sizing:border-box;}
.o8ca36_12d1{box-sizing:border-box;}
.of4fe69aef9{box-sizing:border-box;}
@media (max-width: 768px) {.p772fb5_08 { 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; }}