.mn7pi { opacity:1!important; transform:none!important; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: #170d21; color: #FFFFFF; font-family: 'Rubik', sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; --v9zm-bg: #170d21; --v9zm-accent: #A855F7; } a { color: #A855F7; text-decoration: none; transition: color 0.15s; } img { max-width: 100%;display: block; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } main { max-width: 1200px; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 32px 24px; display: grid; gap: 40px; overflow-wrap: break-word; word-wrap: break-word; } main > section, main > nav, main > div { max-width: 100%; overflow: hidden; box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) {.mn7pi { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; }.mn7pi.dsu4v { opacity: 1;transform: translateY(0); } } header { background: linear-gradient(90deg, #221132 0%, #2f1547 100%); padding: 0 24px; position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(255,255,255,0.06); width: 100%; box-sizing: border-box; } .f4093 { display: flex; justify-content: space-between; align-items: center; height: 72px; max-width: 1200px; margin: 0 auto; gap: 24px; } .i9jr0 { font-weight: 900; font-size: 22px; color: #A855F7; text-decoration: none; font-family: 'SF Mono', 'JetBrains Mono', monospace; flex-shrink: 0; } .i9jr0 img { max-height: 44px;width: auto;max-width: 180px;object-fit: contain; } .porgv { display: flex; gap: 20px; align-items: center; } .porgv a { color: #D1D5DB;font-size: 16px;text-decoration: none;font-weight: 600;transition: color 0.15s; } .porgv a:hover { color: #fff; } .hpm9z { display: none; background: none; border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: #fff; font-size: 20px; width: 40px; height: 40px; cursor: pointer; align-items: center; justify-content: center; flex-shrink: 0; } .vc5j1 { display: none; position: fixed; inset: 0; background: linear-gradient(90deg, #221132 0%, #2f1547 100%); z-index: 200; overflow-y: auto; opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; } .vc5j1.open { opacity: 1; visibility: visible; } .uu3f7 { padding: 20px 24px 32px; display: flex; flex-direction: column; min-height: 100%; } .ah5ud { display: block; color: #D1D5DB; font-size: 17px; font-weight: 600; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.06); text-decoration: none; transition: color 0.15s; } .ah5ud:hover { color: #fff; } .cmolk { display: flex; gap: 10px; margin-left: auto; flex-shrink: 0; } .qs022 { position: relative; display: inline-block; } .qs022 > summary { list-style: none;cursor: pointer;color: #9CA3AF;font-size: 13px;user-select: none;display: inline-flex;align-items: center;gap: 6px;padding: 6px 8px;border-radius: 8px;transition: color 0.15s, background 0.15s; } .qs022 > summary::-webkit-details-marker { display: none; } .qs022 > summary::marker { content: ''; } .qs022[open] > summary, .qs022 > summary:hover { color: #fff; background: rgba(255,255,255,0.06); } .zsjy6 { flex-shrink: 0;opacity: 0.85; } .r5edv { font-size: 9px; line-height: 1; display: inline-block; transition: transform 0.18s ease; opacity: 0.8; } .qs022[open] .r5edv { transform: rotate(180deg); } .ts3wn { position: absolute; right: 0; top: 100%; margin-top: 8px; background: #15161c; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 6px; min-width: 168px; z-index: 200; box-shadow: 0 12px 32px rgba(0,0,0,0.5); animation: sfLangIn 0.15s ease; } @keyframes sfLangIn {from { opacity: 0; transform: translateY(-6px); }to { opacity: 1; transform: translateY(0); } } .ts3wn .vg4er { display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 9px 14px;color: #D1D5DB;text-decoration: none;font-size: 13px;border-radius: 8px;white-space: nowrap;transition: background 0.12s, color 0.12s; } .ts3wn .vg4er:hover { background: rgba(255,255,255,0.08); color: #fff; } .ts3wn .o6xnl { color: #A855F7; font-weight: 700; } .ykoly { color: #A855F7; font-size: 12px; flex-shrink: 0; } .m00ae { background: #A855F7; color: #fff; border: 1px solid #A855F7; border-radius: 8px; padding: 0 30px; height: 39px; font-size: 12px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 0.5px; white-space: nowrap; text-decoration: none; transition: opacity 0.15s, transform 0.15s; } .m00ae:hover { opacity: 0.9; transform: translateY(-1px); } .cxhkq { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.25); border-radius: 8px; padding: 0 30px; height: 39px; font-size: 12px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 0.5px; white-space: nowrap; text-decoration: none; transition: all 0.15s; } .cxhkq:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.4); } body { --v9zm-surface: #A855F70f; --v9zm-surface-2: #A855F71c; --v9zm-border: #A855F73a; --v9zm-border-strong: #A855F75a; --v9zm-card-radius: 24px; --v9zm-shadow: 0 16px 50px #A855F726; --v9zm-shadow-hover: 0 22px 64px #A855F73a; --v9zm-divider: #A855F733; --v9zm-accent-soft: #A855F726; --v9zm-accent-strong: #ba71fe; --v9zm-accent-gradient: linear-gradient(135deg, #A855F7 0%, #ba71fe 100%); } .vohpr { position: relative;overflow: hidden;min-height: 340px;width: 100%; } .z6tih { position: relative;min-height: 340px;overflow: hidden; } .z6tih:not(:has(.dp46l)) { background: linear-gradient(135deg, #170d21 0%, #A855F718 50%, #170d21 100%); } .v0o5y { padding: 52px 56px; display: flex; flex-direction: column; gap: 16px; justify-content: center; max-width: 50%; position: relative; z-index: 2; } .eo9y7 { font-size: 17px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #A855F7; } .uhg5x { font-size: clamp(30px, 4.5vw, 56px);font-weight: 900;line-height: 1.0;color: #fff;text-transform: uppercase;letter-spacing: -1px; } .dp46l { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; } .su2md { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.78) 32%, rgba(0,0,0,0.48) 52%, rgba(0,0,0,0.12) 72%, transparent 90%), linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.12) 35%, transparent 55%); } .z6tih:not(:has(.dp46l)) .su2md { background: linear-gradient(to right, rgba(0,0,0,0.32) 0%, transparent 60%); } .ya59j { position: absolute; bottom: 16px; left: 0; right: 0; display: flex; justify-content: center; gap: 6px; z-index: 10; } .ft0y1 { width: 8px; height: 8px; border-radius: 4px; border: none; background: rgba(255,255,255,0.35); cursor: pointer; padding: 0; transition: width 0.25s, background 0.25s; } .ft0y1.active { width: 24px; background: #A855F7; } .o7r48 { margin-top: 12px; padding: 16px 48px !important; font-size: 16px !important; font-weight: 800 !important; } .lnmt2 { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: none; background: rgba(0,0,0,0.4); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; z-index: 11; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; box-shadow: 0 2px 10px rgba(0,0,0,0.35); transition: opacity 0.25s, background 0.25s; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .vohpr:hover .lnmt2, .vohpr:focus-within .lnmt2 { opacity: 1; pointer-events: auto; } .lnmt2:hover, .lnmt2:focus-visible { background: #A855F7;color: var(--v9zm-accent-text, #fff);outline: none; } .x1pom { left: 16px; } .tde1w { right: 16px; } .ft0y1:focus-visible { outline: 2px solid #A855F7; outline-offset: 2px; } .tk2iy { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,0.12); z-index: 10; } .fnqsq { display: block; height: 100%; width: 100%; transform: scaleX(0); transform-origin: left; background: #A855F7; animation: heroProg 5s linear forwards; } @keyframes heroProg {from { transform: scaleX(0); }to { transform: scaleX(1); } } .z6tih.apb5f .v0o5y > * { animation: heroIn 0.5s ease both; } .z6tih.apb5f .v0o5y > *:nth-child(1) { animation-delay: 0.04s; } .z6tih.apb5f .v0o5y > *:nth-child(2) { animation-delay: 0.12s; } .z6tih.apb5f .v0o5y > *:nth-child(3) { animation-delay: 0.20s; } @keyframes heroIn {from { opacity: 0;transform: translateY(16px); }to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) {.tk2iy { display: none; }.lnmt2 { transition: none; }.z6tih .v0o5y > * { animation: none !important; } } .vohpr[data-ihim14="glass"]::after, .vohpr[data-ihim14="vibrant"]::after, .vohpr[data-ihim14="lux"]::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; } .vohpr[data-ihim14="glass"]::after { background: radial-gradient(120% 80% at 85% 0%, var(--v9zm-accent-soft, #A855F726) 0%, transparent 55%); } .vohpr[data-ihim14="vibrant"]::after { background: radial-gradient(90% 90% at 90% 10%, var(--v9zm-accent-soft, #A855F733) 0%, transparent 60%), radial-gradient(70% 70% at 0% 100%, transparent 40%, var(--v9zm-accent-soft, #A855F71f) 100%); } .vohpr[data-ihim14="lux"]::after { box-shadow: inset 0 0 140px rgba(0,0,0,0.65); background: none; } @media (prefers-reduced-motion: no-preference) {.vohpr[data-ihim14="glass"] .dp46l, .vohpr[data-ihim14="vibrant"] .dp46l { animation: sfKenBurns 18s ease-in-out infinite alternate;transform-origin: center;will-change: transform; } } @keyframes sfKenBurns {from { transform: scale(1); }to { transform: scale(1.07); } } body { --v9zm-accent-text: #0b0d12;--v9zm-accent-on-dark: #b46df8; } .x0r89 { font-size: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 22px; line-height: 1.15; } .c0viq.x0r89 { font-size: 42px;font-weight: 800;letter-spacing: 0.3px;margin-bottom: 0;text-transform: none;overflow-wrap: break-word;word-wrap: break-word;line-height: 1.12; } .c0viq.x0r89 + section { margin-top: 0; } .b1xvu { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; } .b1xvu.d8ex7 { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-template-rows: 1fr; grid-auto-columns: clamp(150px, 18vw, 200px); gap: 16px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 6px; } .b1xvu.d8ex7::-webkit-scrollbar { display: none; } .b1xvu.d8ex7 > * { scroll-snap-align: start; } @media (max-width: 640px) {.b1xvu.d8ex7 { grid-template-rows: repeat(2, auto); grid-auto-columns: calc(50% - 8px); } } .syuxj { position: relative; } .ouzrh { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--v9zm-border, rgba(255,255,255,0.14)); background: var(--v9zm-surface, rgba(18,18,24,0.72)); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: opacity .2s ease, background .15s ease, transform .15s ease, box-shadow .15s ease; box-shadow: 0 6px 18px rgba(0,0,0,0.35); padding: 0; } .cdhcp { left: -14px; } .aysph { right: -14px; } [data-td5gfg="on"] .ouzrh { opacity: 0.72; } [data-td5gfg="on"]:hover .ouzrh { opacity: 1; } [data-z9wx71]:not([data-td5gfg="on"]) .ouzrh { display: none; } [data-td5gfg="on"]::before, [data-td5gfg="on"]::after { opacity: 1; } [data-sbqk26="on"]::before { opacity: 0; } [data-hhcl2a="on"]::after { opacity: 0; } .jkb0v .ouzrh { opacity: 0.72; } .jkb0v:hover .ouzrh, .ouzrh:focus-visible { opacity: 1; } .syuxj:not(.jkb0v) .ouzrh { display: none; } .ouzrh:disabled { opacity: 0 !important;pointer-events: none; } .ouzrh:hover { background: var(--v9zm-accent, #6d28d9); border-color: transparent; transform: translateY(-50%) scale(1.08); box-shadow: 0 8px 22px rgba(0,0,0,0.45); } .ouzrh:active { transform: translateY(-50%) scale(0.95); } .syuxj::before, .syuxj::after { content: '';position: absolute;top: 0;bottom: 6px;width: 56px;pointer-events: none;z-index: 3;opacity: 0;transition: opacity .25s ease;border-radius: 12px; } .syuxj::before { left: 0; background: linear-gradient(to right, var(--v9zm-bg, #0d0d12), transparent); } .syuxj::after { right: 0;background: linear-gradient(to left, var(--v9zm-bg, #0d0d12), transparent); } .jkb0v::before, .jkb0v::after { opacity: 1; } .y05mh::before { opacity: 0; } .zw9r7::after { opacity: 0; } @media (max-width: 640px) {.jkb0v .ouzrh { opacity: 1; }.ouzrh { width: 34px; height: 34px; }.cdhcp { left: 0; }.aysph { right: 0; }.syuxj::before, .syuxj::after { width: 32px; } } .q2s09 { display: flex;gap: 4px;align-items: center;width: max-content;max-width: 100%;margin: 0 auto 24px;padding: 5px;background: var(--v9zm-surface, rgba(255,255,255,0.05));border: 1px solid var(--v9zm-border, rgba(255,255,255,0.08));border-radius: 50px;overflow-x: auto;scrollbar-width: none; } .q2s09::-webkit-scrollbar { display: none; } .lezqw { border: none;background: transparent;color: #FFFFFF;opacity: 0.65;font: inherit;font-size: 14px;font-weight: 700;padding: 9px 22px;border-radius: 50px;cursor: pointer;white-space: nowrap;transition: background .15s, color .15s; } .lezqw:hover { opacity: 1; } .lezqw[data-xooy6n="on"] { background: var(--v9zm-accent-gradient, #A855F7); color: var(--v9zm-accent-text, #fff); opacity: 1; } .my6qg.my6qg, [data-sfjlqx][data-sfjlqx] { display: none !important; } .croav, .gy5np, .tc0ez { border-radius: var(--v9zm-card-radius, 16px);overflow: hidden;background: var(--v9zm-surface, rgba(255,255,255,0.04));transition: transform 0.25s, box-shadow 0.25s;display: flex;flex-direction: column;text-decoration: none;position: relative; } .croav:hover, .gy5np:hover, .tc0ez:hover { transform: scale(1.05);box-shadow: var(--v9zm-shadow-hover, 0 16px 40px rgba(0,0,0,0.5)), 0 0 0 2px #A855F740;z-index: 2; } .ga2n5 { position: relative; aspect-ratio: 1/1; overflow: hidden; flex-shrink: 0; } .ga2n5 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; transition: transform 0.3s; } .croav:hover .ga2n5 img, .gy5np:hover .ga2n5 img { transform: scale(1.08); } .enyrq { padding: 9px 10px; background: var(--v9zm-accent-gradient, #A855F7); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; text-align: center; flex: 1 1 auto; } .u5er0 { color: var(--v9zm-accent-text, #fff); font-size: 12px; font-weight: 800; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.3px; text-shadow: 0 1px 2px rgba(0,0,0,0.35); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .gy6of { color: rgba(11,13,18,0.9);font-size: 9.5px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px; } .a0ekh { position: relative; } .o95li { transition: opacity .18s ease; } .a0ekh:hover .mw4n9 { opacity: 1 !important; } .a0ekh:hover .o95li { opacity: 0; } .yhw56 { position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.78);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;opacity: 0;transition: opacity 0.25s;padding: 12px;pointer-events: none; } .a0ekh:hover .yhw56 { opacity: 1; } .hgym3 { padding: 9px 28px;border-radius: 8px;font-size: 13px;font-weight: 700;text-decoration: none;display: block;text-align: center;width: 78%;cursor: pointer;border: none;transition: transform 0.15s; } .hgym3:hover { transform: scale(1.03); } .h2ae0 { background: #A855F7; color: var(--v9zm-accent-text, #13151b); } .cy9at { background: rgba(255,255,255,0.12); color: #fff; border: 1px solid rgba(255,255,255,0.25); } .p3ww4 { display: flex;align-items: center;justify-content: center;aspect-ratio: 16/10;padding: 16px 18px;background: var(--v9zm-surface-2, rgba(0,0,0,0.18));overflow: hidden;flex-shrink: 0; } .p3ww4 img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.25s; } .tc0ez:hover .p3ww4 img { transform: scale(1.06); } .nbdhz { color: #fff; font-size: 30px; font-weight: 900; opacity: 0.85; } .z8j5b { position: relative; } .w1hkk { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 4px 2px; } .w1hkk::-webkit-scrollbar { display: none; } .w1hkk > .tc0ez { flex: 0 0 calc((100% - 56px) / 5); scroll-snap-align: start; } .gy24k { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--v9zm-border, rgba(255,255,255,0.12)); background: var(--v9zm-surface, rgba(20,22,30,0.9)); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 3; transition: border-color .15s, background .15s, box-shadow .15s; box-shadow: 0 4px 14px rgba(0,0,0,0.35); } .gy24k:hover { border-color: #A855F7;background: #A855F71f; } .o718s { left: -8px; } .s5utm { right: -8px; } .prrrj { position: relative; margin-top: 18px; } .c3bdo { display: flex;gap: 18px;overflow-x: auto;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;padding: 6px 0 14px;scroll-snap-type: x proximity; } .c3bdo::-webkit-scrollbar { display: none; } .c3bdo[data-vd54ap] { -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 44px); mask-image: linear-gradient(90deg,transparent 0,#000 44px); } .c3bdo[data-x8ck29] { -webkit-mask-image: linear-gradient(270deg,transparent 0,#000 44px);mask-image: linear-gradient(270deg,transparent 0,#000 44px); } .c3bdo[data-vd54ap][data-x8ck29] { -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%); mask-image: linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%); } .zhwd3 { cursor: pointer; position: relative; flex: 0 0 216px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; background: var(--v9zm-surface, rgba(255,255,255,0.04)); border: 1px solid var(--v9zm-border, rgba(255,255,255,0.08)); border-radius: var(--v9zm-card-radius, 16px); padding: 10px; transition: transform .22s cubic-bezier(.22,.68,.34,1.18), border-color .22s ease, box-shadow .22s ease; } .zhwd3:hover { transform: translateY(-6px);border-color: #A855F78c;box-shadow: 0 18px 36px rgba(0,0,0,0.45), 0 0 0 1px #A855F738, 0 12px 34px #A855F724; } .udpjs { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 116px; background: radial-gradient(130px 84px at 50% 62%, #A855F721, transparent 72%), var(--v9zm-surface-2, rgba(0,0,0,0.25)); border: 1px solid rgba(255,255,255,0.06); border-radius: calc(var(--v9zm-card-radius, 16px) - 6px); padding: 16px 20px; } .udpjs::before { content: ""; position: absolute; inset: 0; background: radial-gradient(150px 96px at 50% 62%, #A855F74d, transparent 74%); opacity: 0; transition: opacity .25s ease; pointer-events: none; } .udpjs::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 44%; background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0)); pointer-events: none; } .zhwd3:hover .udpjs::before { opacity: 1; } .udpjs img { position: relative; z-index: 1; max-height: 58px; max-width: 100%; width: auto; filter: drop-shadow(0 6px 14px rgba(0,0,0,0.55)); transition: transform .25s ease; } .zhwd3:hover .udpjs img { transform: scale(1.07); } .y5rcr { background: var(--v9zm-accent-gradient, #A855F7); color: var(--v9zm-accent-text, #fff); border-radius: calc(var(--v9zm-card-radius, 16px) - 8px); font-size: 13px; font-weight: 800; letter-spacing: 0.02em; text-align: center; padding: 9px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), 0 3px 10px rgba(0,0,0,0.3); } .ybquo { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.06); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.16); color: #FFFFFF; cursor: pointer; padding: 0; box-shadow: 0 8px 20px rgba(0,0,0,0.45); transition: border-color .2s ease, background .2s ease; z-index: 2; } .ybquo::before { content: "";position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor; } .mp3m7 { left: -14px; } .mp3m7::before { transform: translate(-30%,-50%) rotate(135deg); } .eh76o { right: -14px; } .eh76o::before { transform: translate(-70%,-50%) rotate(-45deg); } .ybquo:hover { border-color: #A855F7cc; background: #A855F729; } .ybquo:active { transform: translateY(-50%) scale(.94); } .c3bdo:not([data-vd54ap]) ~ .mp3m7 { display: none; } .c3bdo:not([data-x8ck29]) ~ .eh76o { display: none; } @media (max-width: 640px) {.c3bdo { display: grid;grid-auto-flow: column;grid-template-rows: repeat(2, auto);grid-auto-columns: calc(50% - 7px);gap: 14px; }.c3bdo[data-vd54ap], .c3bdo[data-x8ck29], .c3bdo[data-vd54ap][data-x8ck29] { -webkit-mask-image: none; mask-image: none; }.zhwd3 { flex: none;width: auto; }.udpjs { height: 92px;padding: 12px 14px; }.udpjs img { max-height: 46px; }.ybquo { width: 38px; height: 38px; }.mp3m7 { left: -6px; }.eh76o { right: -6px; } } .y6bgm { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 380px)); justify-content: center; gap: 18px; } .polqz { display: flex;flex-direction: column;border-radius: var(--v9zm-card-radius, 16px);overflow: hidden;background: var(--v9zm-surface, rgba(255,255,255,0.03));border: 1px solid var(--v9zm-border, rgba(255,255,255,0.08));box-shadow: var(--v9zm-shadow, none);transition: transform 0.25s, box-shadow 0.25s; } .polqz:hover { transform: translateY(-4px);box-shadow: var(--v9zm-shadow-hover, 0 16px 40px rgba(0,0,0,0.5)); } .oy5la { position: relative; aspect-ratio: 16/11; background: linear-gradient(135deg, #A855F733, rgba(0,0,0,0.35)); overflow: hidden; } .oy5la img { width: 100%; height: 100%; object-fit: cover; display: block; } .oy5la::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 62%, var(--v9zm-surface, rgba(15,17,24,0.96)) 100%); } .ttqzh { display: flex;flex-direction: column;align-items: center;text-align: center;gap: 8px;padding: 16px 18px 22px;margin-top: -2px; } .l0kga { font-size: 13px;font-weight: 800;letter-spacing: 1px;text-transform: uppercase;color: #A855F7; } .soibe { font-size: 18px;font-weight: 800;color: #FFFFFF;line-height: 1.35; } .mqmgb { width: 64%; height: 1px; background: var(--v9zm-border, rgba(255,255,255,0.12)); margin: 2px 0; } .llzd8 { font-size: 12px;color: #9CA3AF; } .jges4 { margin-top: 10px; padding: 11px 32px; font-weight: 700; border-radius: 999px; } .rvmw0 { text-align: center; } .rvmw0 .x0r89, .rvmw0 .c0viq { font-size: clamp(30px, 4.5vw, 44px); margin-bottom: 8px; } .gu1d6 { margin: 6px auto 22px; max-width: 440px; } .gu1d6 img { width: 100%; height: auto; object-fit: contain; max-height: 220px; filter: drop-shadow(0 0 26px #A855F72b); } .w7ojx { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 auto 24px; } .la7uo { min-width: 116px;padding: 15px 18px;border-radius: var(--v9zm-card-radius, 14px);background: var(--v9zm-surface, rgba(255,255,255,0.03));border: 1px solid #A855F780;display: flex;flex-direction: column;gap: 3px;align-items: center;justify-content: center; } .ac4gc { font-size: 17px;font-weight: 800;color: #A855F7; } .ke8r6 { font-size: 12px; color: #9CA3AF; } .nab26 { display: flex;flex-wrap: wrap;justify-content: center;gap: 14px; } .qo35d { display: inline-flex;align-items: center;gap: 10px;padding: 9px 18px;border-radius: 11px;background: #fff;color: #000;text-decoration: none;min-width: 168px;transition: opacity .15s, transform .15s; } .qo35d:hover { opacity: .92; transform: translateY(-2px); } .tchsi { display: inline-flex; } .tchsi svg { display: block; } .d89qg { display: flex; flex-direction: column; line-height: 1.15; text-align: left; } .whzqq { font-size: 10px; text-transform: uppercase; letter-spacing: .4px; } .zwp8v { font-size: 16px; font-weight: 700; } .jqn38 { display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: center; text-align: left; } .ky81t { padding-right: 48px; } .ky81t .x0r89 { margin-bottom: 28px; } .v42cr { list-style: none;margin: 0 0 32px;padding: 0;display: grid;gap: 22px; } .e34m9 { display: flex;align-items: flex-start;gap: 16px;font-size: 19px;font-weight: 600;line-height: 1.3;color: #FFFFFF; } .lhgi5 { flex-shrink: 0; margin-top: 1px; fill: none; stroke: #A855F7; stroke-width: 1.8; } .prqkg { height: 58px;padding: 0 52px;font-size: 16px;border-radius: 999px;letter-spacing: 1px;text-transform: uppercase; } .wdz3i { text-align: left; padding-left: 48px; border-left: 1px solid var(--v9zm-border, #A855F740); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 24px; } .su02n { display: flex;flex-direction: column;align-items: flex-start;min-width: 0; } .wdz3i .mlano { min-width: 0;margin: 0; } .p7qhp { font-size: clamp(28px, 4vw, 44px); margin: 0 0 26px; } .hj28f { justify-content: flex-start;flex-direction: column;align-items: flex-start;gap: 16px;margin: 0 0 8px; } .hj28f .qo35d { min-width: 0; width: 100%; max-width: 210px; } .mlano { margin-top: 24px; } .mlano img { width: 100%; height: auto; max-height: 460px; object-fit: contain; display: block; filter: drop-shadow(0 8px 28px rgba(0,0,0,0.4)); } .n3svt { position: relative; width: min(250px, 72%); margin: 0 auto; aspect-ratio: 9 / 19.5; background: #0b0b0f; border-radius: 42px; padding: 9px; box-shadow: 0 16px 44px rgba(0,0,0,0.45), inset 0 0 0 2px rgba(255,255,255,0.05); } .n3svt::before { content: ""; position: absolute; top: 13px; left: 50%; transform: translateX(-50%); width: 36%; height: 20px; background: #0b0b0f; border-radius: 0 0 13px 13px; z-index: 2; } .mlano .n3svt img { width: 100%;height: 100%;max-height: none;object-fit: cover;border-radius: 33px;filter: none;display: block; } .x72fc { position: relative;width: min(440px, 100%);margin: 0 auto;aspect-ratio: 16 / 10;background: #0b0b0f;border-radius: 20px;padding: 12px 14px;box-shadow: 0 16px 44px rgba(0,0,0,0.45), inset 0 0 0 2px rgba(255,255,255,0.05); } .x72fc::before { content: ""; position: absolute; top: 50%; left: 6px; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.2); z-index: 2; } .mlano .x72fc img { width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 9px; filter: none; display: block; } .he22i { width: 100%; max-width: 560px; margin: 0 auto; border-radius: 12px; overflow: hidden; background: #15151b; box-shadow: 0 16px 44px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.06); } .xy9bu { display: block;height: 26px;background: #1e1e26;position: relative; } .xy9bu::before { content: "";position: absolute;top: 50%;left: 14px;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 50%;background: #ff5f57;box-shadow: 15px 0 0 #febc2e, 30px 0 0 #28c840; } .mlano .he22i img { width: 100%;height: auto;max-height: 400px;object-fit: cover;border-radius: 0;filter: none;display: block; } .lsv5d { padding: 48px; border-radius: var(--v9zm-card-radius, 16px); } @media (max-width: 760px) {.jqn38 { grid-template-columns: 1fr; }.ky81t { padding-right: 0; }.wdz3i { text-align: center; padding-left: 0; padding-top: 32px; margin-top: 4px; border-left: none; border-top: 1px solid var(--v9zm-border, #A855F740); grid-template-columns: 1fr; align-items: center; gap: 22px; }.su02n { align-items: center; }.hj28f { align-items: center; }.e34m9 { font-size: 17px; }.lsv5d { padding: 30px 20px; } } @media (max-width: 480px) {.prqkg { padding: 0 32px; height: 54px; }.v42cr { gap: 16px; }.p7qhp { margin-bottom: 18px; }.n3svt { width: min(220px, 80%); } } .sdr05 { text-align: center; max-width: 720px; margin: 0 auto 28px; opacity: 0.8; line-height: 1.6; } .nnjxk { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 258px), 1fr)); gap: 20px; } .jo0zu { background: rgba(255,255,255,0.03);border: 1px solid #A855F722;border-radius: 16px;padding: 26px 24px;display: flex;flex-direction: column;gap: 12px;transition: border-color 0.2s, transform 0.2s; } .jo0zu:hover { border-color: #A855F755;transform: translateY(-3px); } .tsw8l { display: inline-flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 14px;background: #A855F71a; } .diox8 { font-size: 20px; font-weight: 800; margin: 4px 0 0; } .ofvep { align-self: flex-start; font-weight: 800; color: #A855F7; background: #A855F714; border: 1px solid #A855F733; border-radius: 999px; padding: 4px 13px; font-size: 14px; } .waluo { margin: 0;opacity: 0.78;line-height: 1.55;font-size: 15px; } .s05uu { display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto;padding-top: 4px; } .byvd7 { font-size: 12px;font-weight: 600;padding: 3px 9px;border-radius: 6px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);opacity: 0.85; } .kikj6 { color: #A855F7; border-color: #A855F740; opacity: 1; } .ztg0g { align-self: flex-start; margin-top: 2px; font-weight: 700; color: #A855F7; text-decoration: none; font-size: 14px; } .ztg0g::after { content: " \2192"; } @media (max-width: 560px) {.nnjxk { gap: 14px; }.jo0zu { padding: 20px 18px;gap: 10px;border-radius: 14px; }.tsw8l { width: 46px; height: 46px; border-radius: 12px; }.diox8 { font-size: 18px; }.ofvep { font-size: 13px; padding: 4px 11px; }.waluo { font-size: 14px; } } .ik0rt { display: grid;border-radius: 14px;overflow: hidden; } .lge45 { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: cover; display: block; } .b2kju { grid-area: 1 / 1;z-index: 1;align-self: center;margin: clamp(12px, 3%, 40px);width: min(56%, 520px);display: flex;flex-direction: column;gap: 14px;padding: clamp(18px, 3.5%, 34px);background: rgba(12,16,22,0.6);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius: 16px; } .ltif9 .b2kju { justify-self: start; align-items: flex-start; text-align: left; } .mhh56 .b2kju { justify-self: end;align-items: flex-end;text-align: right; } .zy3y5 .b2kju { justify-self: center; align-items: center; text-align: center; } .cg4p3 { font-size: clamp(22px, 3.4vw, 40px);font-weight: 800;line-height: 1.12;margin: 0;color: #fff; } .gk049 { margin: 0;color: rgba(255,255,255,0.88);font-size: clamp(14px, 1.5vw, 17px);line-height: 1.45; } .ifsfj.m00ae { font-size: clamp(14px, 1.5vw, 17px);padding: 12px 30px;align-self: flex-start; } .zy3y5 .ifsfj { align-self: center; } .mhh56 .ifsfj { align-self: flex-end; } @media (max-width: 640px) {.b2kju { width: auto; justify-self: stretch; align-self: end; margin: 10px; align-items: center; text-align: center; }.b2kju .ifsfj { align-self: center; } } .orult { display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));gap: 22px; } .u7d56 { position: relative; display: flex; flex-direction: column; background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012)); border: 1px solid #A855F722; border-radius: 18px; padding: 24px; text-align: center; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; } .u7d56:hover { border-color: #A855F755;transform: translateY(-3px);box-shadow: 0 14px 34px -18px #A855F766; } .gh36n { border-color: #A855F7;box-shadow: 0 0 0 1px #A855F766, 0 20px 46px -18px #A855F755; } .gh36n::before { content: "";position: absolute;inset: 0 0 auto 0;height: 4px;border-radius: 18px 18px 0 0;background: #A855F7; } .ln6z3 { height: 240px;display: flex;align-items: flex-end;justify-content: center;margin-bottom: 4px;background: radial-gradient(ellipse 62% 48% at 50% 92%, #A855F71f, transparent 70%); } .ln6z3 img { max-height: 100%; max-width: 90%; object-fit: contain; } .igo4w { flex: 1; display: flex; flex-direction: column; } .k0uz1 { font-size: clamp(22px, 2.3vw, 28px);font-weight: 800;line-height: 1.15;margin: 0 0 14px;min-height: 2.3em;display: flex;align-items: center;justify-content: center;text-align: center; } .cuv3g { color: #A855F7; font-size: 1.22em; font-weight: 900; } .fgrly { height: 3px;width: 100%;border-radius: 2px;margin: 0 0 16px; } .pvv4x { margin: 0 0 22px; opacity: 0.8; line-height: 1.6; font-size: 15px; } .ggdbp.m00ae { margin-top: auto; align-self: center; min-width: 78%; padding: 13px 28px; border-radius: 999px; } @media (max-width: 560px) {.orult { gap: 16px; }.u7d56 { padding: 18px; border-radius: 16px; }.ln6z3 { height: 176px; }.k0uz1 { font-size: 21px; min-height: 0; margin-bottom: 10px; }.pvv4x { margin-bottom: 18px;font-size: 14px; }.ggdbp.m00ae { min-width: 100%; padding: 12px 24px; } } .hxn5k { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .hxn5k.wlk00 { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; } .vu35s .jvtpu { order: 2; } .jvtpu img { width: 100%; height: auto; object-fit: contain; display: block; } .wlknb { border: 1px solid #A855F7;border-radius: 20px;background: var(--v9zm-surface, rgba(255,255,255,0.02));padding: 32px 28px; } .c55a4 { text-align: center; font-size: 22px; font-weight: 800; color: #FFFFFF; margin-bottom: 22px; line-height: 1.3; } .f5nxs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 18px; } .c2k3i { width: 100%; padding: 15px 18px; border-radius: 12px; background: var(--v9zm-surface-2, rgba(0,0,0,0.25)); border: 1px solid #A855F766; color: #FFFFFF; font-size: 14px; outline: none; box-sizing: border-box; } .c2k3i::placeholder { color: #9CA3AF; } .c2k3i:focus { border-color: #A855F7; } .iq1cu { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; min-height: 52px; padding: 12px 16px; border-radius: 12px; font-weight: 800; font-size: 16px; line-height: 1.2; letter-spacing: 0.3px; white-space: normal; } .wlknb { position: relative;cursor: pointer; } .cg2a9 { position: absolute; inset: 0; z-index: 3; border-radius: 20px; } .wlknb:hover { box-shadow: 0 0 0 1px #A855F7, 0 14px 38px rgba(0,0,0,0.45); } .wlknb:hover .iq1cu { filter: brightness(1.08); } .c2k3i { pointer-events: none; } @media (max-width: 980px) {.hxn5k { grid-template-columns: 1fr; max-width: 680px; margin: 0 auto; gap: 28px; }.vu35s .jvtpu { order: 0; }.jvtpu { text-align: center; }.jvtpu img { max-height: 300px;width: auto;margin: 0 auto; } } @media (max-width: 560px) {.f5nxs { grid-template-columns: 1fr; gap: 12px; }.wlknb { padding: 24px 18px; }.c55a4 { font-size: 20px; margin-bottom: 18px; }.jvtpu img { max-height: 230px; } } .i9cgn { display: flex; align-items: center; gap: 12px; padding: 16px 22px; border-radius: 12px; background: var(--v9zm-surface, rgba(255,255,255,0.03)); border: 1px solid #A855F755; color: #FFFFFF; font-size: 14px; } .t9c7l { display: inline-flex; width: 24px; height: 24px; border-radius: 50%; background: #A855F7; align-items: center; justify-content: center; flex: none; } .ateey { max-width: 100%;overflow-wrap: break-word;word-wrap: break-word; } .ateey h2 { font-size: 33px; margin: 38px 0 16px; font-weight: 500; line-height: 1.18; padding-top: 22px; border-top: 1px solid var(--v9zm-divider, rgba(255,255,255,0.06)); scroll-margin-top: 90px; } .ateey h2:first-child { border-top: none;padding-top: 0;margin-top: 0; } .ateey h3 { font-size: 25px;margin: 28px 0 11px;font-weight: 600;line-height: 1.2;scroll-margin-top: 90px; } .ateey.ateey h1 { font-weight: 800; } .ateey.ateey h2 { font-weight: 700; } .ateey.ateey h3 { font-weight: 700; } .x0r89.x0r89 { font-weight: 800; } .ateey p { margin: 0 0 18px; line-height: 1.7; font-size: 16px; color: #C9CDD5; } .ateey td > p, .ateey th > p { margin: 0; } .ateey td > p + p, .ateey th > p + p { margin-top: 8px; } .ateey ul, .ateey ol { margin: 0 0 18px; padding-left: 24px; } .ateey li { margin-bottom: 8px; color: #C9CDD5; font-size: 16px; line-height: 1.7; } .ateey a { color: #A855F7; border-bottom: 1px solid #A855F740; transition: border-color 0.15s; } .ateey a:hover { border-color: #A855F7; } .ateey table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 20px 0; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); } .em2bm { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0; position: relative; border-radius: 12px; } .em2bm table { margin: 0;min-width: 480px; } .em2bm::-webkit-scrollbar { height: 6px; } .em2bm::-webkit-scrollbar-track { background: rgba(255,255,255,0.04); border-radius: 3px; } .em2bm::-webkit-scrollbar-thumb { background: #A855F750; border-radius: 3px; } .em2bm::-webkit-scrollbar-thumb:hover { background: #A855F780; } .ateey thead th { background: rgba(255,255,255,0.04); padding: 14px 18px; text-align: left; font-size: 13px; font-weight: 600; color: #FFFFFF; border-bottom: 1px solid rgba(255,255,255,0.1); white-space: nowrap; } .ateey th { background: rgba(255,255,255,0.04);padding: 14px 18px;text-align: left;font-size: 13px;font-weight: 600;color: #FFFFFF;border-bottom: 1px solid rgba(255,255,255,0.1); } .ateey td { padding: 12px 18px; border-bottom: 1px solid rgba(255,255,255,0.04); color: #D1D5DB; font-size: 14px; line-height: 1.5; } .ateey td:first-child { font-weight: 600; color: #FFFFFF; } .ateey tr:last-child td { border-bottom: none; } .ateey tr:hover td { background: rgba(255,255,255,0.02); } .ateey blockquote { border-left: 4px solid #A855F7; background: #A855F708; padding: 16px 20px; margin: 20px 0; border-radius: 0 10px 10px 0; } .ateey code { font-family: inherit;background: none;padding: 0;font-size: inherit; } .ateey pre { background: rgba(0,0,0,0.4); padding: 16px; border-radius: 10px; overflow-x: auto; margin: 16px 0; border: 1px solid rgba(255,255,255,0.08); } .ateey pre code { font-family: 'SF Mono', 'JetBrains Mono', monospace;font-size: 14px; } .ateey img { max-width: 100%; border-radius: 14px; margin: 20px 0; aspect-ratio: auto; height: auto; } .ateey > img, .ateey > p > img { max-width: 60% !important; display: block; margin: 20px auto; } .d37w4 { background: var(--v9zm-surface, rgba(255,255,255,0.02)); border-radius: var(--v9zm-card-radius, 16px); padding: 28px; border: 1px solid var(--v9zm-border, rgba(255,255,255,0.05)); box-shadow: var(--v9zm-shadow, none); } .anfc4 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .zycr1 { padding: 16px 20px; border-bottom: none; border-radius: var(--v9zm-card-radius, 12px); background: var(--v9zm-surface, rgba(255,255,255,0.04)); transition: background 0.15s, border-color 0.15s; border: 1px solid var(--v9zm-border, rgba(255,255,255,0.06)); } .zycr1:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.1); } .zycr1.vbock { background: rgba(255,255,255,0.06); border-color: #A855F730; } .qhn7h { margin: 0;font: inherit; } .ul3se { width: 100%;background: none;border: none;padding: 0;margin: 0;font-family: inherit;text-align: left;cursor: pointer;font-weight: 600;font-size: 15px;display: flex;justify-content: space-between;align-items: center;gap: 12px;min-height: 40px;color: #fff; } .ul3se span:last-child { color: #A855F7;font-size: 22px;font-weight: 700;transition: transform 0.25s;flex-shrink: 0;width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border-radius: 6px;background: #A855F715; } .zycr1.vbock .ul3se span:last-child { transform: rotate(45deg); background: #A855F725; } .aw1ur { color: #9CA3AF;font-size: 14px;line-height: 1.6;overflow: hidden;max-height: 0;transition: max-height 0.3s ease, padding 0.3s ease;padding-top: 0; } .zycr1.vbock .aw1ur { max-height: 500px; padding-top: 12px; } .uss79 { background: var(--v9zm-surface, rgba(255,255,255,0.03));border: 1px solid var(--v9zm-border, rgba(255,255,255,0.07));border-radius: var(--v9zm-card-radius, 16px);box-shadow: var(--v9zm-shadow, none);padding: 28px 32px;display: grid;grid-template-columns: auto 1fr;gap: 40px; } .lez7q { text-align: center;background: var(--v9zm-surface-2, rgba(255,255,255,0.04));border-radius: var(--v9zm-card-radius, 16px);padding: 24px 32px;border: 1px solid var(--v9zm-border, rgba(255,255,255,0.06)); } .ezdtc { font-size: 64px; font-weight: 900; line-height: 1; font-family: 'SF Mono', 'JetBrains Mono', monospace; } .mu2dq { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .mu2dq > div { background: var(--v9zm-surface, rgba(255,255,255,0.03));border: 1px solid var(--v9zm-border, rgba(255,255,255,0.06));border-radius: var(--v9zm-card-radius, 14px);box-shadow: var(--v9zm-shadow, none);padding: 20px 24px; } .i8v0p { display: grid; gap: 10px; } .ysbe4 { display: grid; grid-template-columns: 32px auto 1fr auto auto; gap: 16px; align-items: center; padding: 16px 22px; border-radius: var(--v9zm-card-radius, 14px); border: 1px solid var(--v9zm-border, rgba(255,255,255,0.07)); background: var(--v9zm-surface, rgba(255,255,255,0.03)); box-shadow: var(--v9zm-shadow, none); transition: border-color 0.15s, background 0.15s; } .ysbe4:hover { border-color: #A855F730; background: rgba(255,255,255,0.05); } .ikoi2 { display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px; } .gwq65 { background: var(--v9zm-surface, rgba(255,255,255,0.04));border: 1px solid var(--v9zm-border, rgba(255,255,255,0.07));border-radius: var(--v9zm-card-radius, 12px);box-shadow: var(--v9zm-shadow, none);padding: 16px 14px; } .s11zw { display: flex;align-items: center;gap: 10px;margin-bottom: 12px; } .jtgdf { display: grid;gap: 6px;border-top: 1px solid var(--v9zm-divider, rgba(255,255,255,0.06));padding-top: 10px; } .bo48w { border: 1px solid var(--v9zm-border, rgba(255,255,255,0.08)); border-radius: var(--v9zm-card-radius, 16px); box-shadow: var(--v9zm-shadow, none); overflow: hidden; background: #1a1e2e; } .a10h5 { height: 4px; background: var(--v9zm-accent-gradient, #A855F7); } .svz1g { padding: 28px 36px;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 24px; } .s3h5r { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; } .eg4pr { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--v9zm-accent-on-dark, #A855F7); background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 4px; padding: 4px 10px; margin-bottom: 10px; } .voqi0 { font-size: 38px; font-weight: 900; color: #fff; line-height: 1.05; margin-bottom: 4px; } .fc3mk { font-size: 20px;font-weight: 700;color: var(--v9zm-accent-on-dark, #A855F7);margin-bottom: 16px; } .qojlt { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; } .hu8my { font-size: 12px; color: #D1D5DB; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; padding: 4px 10px; } .hu8my::before { content: "✓ "; color: #34D399; } .bpxlz { background: #A855F7; color: var(--v9zm-accent-text, #13151b); border: none; border-radius: 10px; padding: 16px 40px; font-size: 15px; font-weight: 800; text-decoration: none; display: inline-block; transition: all 0.2s; } .bpxlz:hover { transform: translateY(-1px); opacity: 0.95; } .igo5q { font-size: 10px;color: #6B7280;text-align: center;max-width: 200px;margin-top: 8px; } .khw0c { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } .iayl2 { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--v9zm-divider, rgba(255,255,255,0.06)); width: 100%; } .v1186 { font-size: 13px; color: #9ca3af; padding-left: 20px; position: relative; } .v1186::before { content: "✓"; color: #A855F7; position: absolute; left: 0; top: 0; font-weight: 700; } .ebwsl { display: flex; gap: 28px; margin: 28px 0; align-items: flex-start; padding: 24px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; } .ebwsl[data-pjk6ad="right"] { flex-direction: row-reverse; } .ebwsl img { width: 38%;border-radius: 12px;flex-shrink: 0;object-fit: cover;box-shadow: 0 4px 20px rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.08); } .ebwsl img[src=""], .ebwsl img:not([src]) { display: none; } .ebwsl:not(:has(img)), .ebwsl:has(img[src=""]), .ebwsl:has(img:not([src])) { display: contents; border: none; padding: 0; margin: 0; background: none; } .ebwsl > div { flex: 1;min-width: 0; } .gpowe { cursor: pointer; } .aw96i { margin: 28px auto; text-align: center; max-width: 60%; } .aw96i img { width: 100%; border-radius: 12px; object-fit: cover; box-shadow: 0 4px 20px rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.08); } .aw96i img[src=""], .aw96i img:not([src]) { display: none; } .aw96i:has(img[src=""]) .tz5i9, .aw96i:has(img:not([src])) .tz5i9 { display: none; } .tz5i9 { font-size: 12px; color: #6B7280; margin-top: 8px; font-style: italic; } .febn2 { border-radius: 12px; padding: 18px 22px; margin: 16px 0; line-height: 1.6; } .febn2 p { margin: 0; } .i030e { background: rgba(59,130,246,0.08); border: 1px solid rgba(59,130,246,0.2); color: #93C5FD; } .ui4dh { background: rgba(245,158,11,0.08);border: 1px solid rgba(245,158,11,0.2);color: #FCD34D; } .a3zu1 { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 40px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none !important; border-bottom: none !important; transition: all 0.2s; cursor: pointer; line-height: 1.4; } .e8nde { background: #A855F7; color: #0b0d12 !important; } .uz98e { background: #ffce2f; color: #13151b !important; } .p7ow6 { background: #22c55e;color: #fff !important; } .a3zu1:hover { opacity: 0.9; transform: translateY(-1px); } .ateey a.a3zu1, .ateey .a3zu1 { color: inherit !important; text-decoration: none !important; border-bottom: none !important; display: inline-flex; margin: 12px 0; } .ateey a.e8nde { color: #0b0d12 !important; } .ateey a.uz98e { color: #13151b !important; } .ateey a.p7ow6 { color: #fff !important; } .i6l8n { ; } .v5o8y { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 28px; overflow-x: auto; scrollbar-width: none; padding: 4px; } .v5o8y::-webkit-scrollbar { display: none; } .ooaad { display: inline-flex;align-items: center;padding: 9px 18px;border-radius: 50px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);color: rgba(255,255,255,0.7);font-size: 13px;font-weight: 600;text-decoration: none;white-space: nowrap;transition: all 0.15s; } .ooaad:hover { background: rgba(255,255,255,0.08); color: #fff; } .lgh5u { background: #A855F7;color: #13151b;border-color: #A855F7; } .lgh5u:hover { background: #A855F7; color: #13151b; opacity: 0.92; } .ie809 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 24px; } .gy5np { text-decoration: none; } .gy5np:hover { transform: scale(1.05); box-shadow: var(--v9zm-shadow-hover, 0 16px 40px rgba(0,0,0,0.5)), 0 0 0 2px #A855F740; z-index: 2; } .gy5np img { transition: transform 0.3s; } .gy5np:hover img { transform: scale(1.08); } .diwwu { display: flex; justify-content: center; margin-top: 8px; } .aqsfm { color: #A855F7; font-size: 14px; font-weight: 700; text-decoration: none; padding: 10px 24px; border-radius: 50px; border: 1px solid rgba(168,85,247,0.3); transition: all 0.15s; } .aqsfm:hover { background: rgba(168,85,247,0.08); } .ouu0d { ; } .rjiqo { display: flex;flex-direction: column;background: #1a1e2e;border: 1px solid var(--v9zm-border, rgba(255,255,255,0.06));border-radius: var(--v9zm-card-radius, 16px);box-shadow: var(--v9zm-shadow, none);overflow: hidden;text-decoration: none;color: inherit;transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; } .rjiqo:hover { transform: translateY(-4px);border-color: var(--v9zm-border-strong, rgba(255,255,255,0.15));box-shadow: var(--v9zm-shadow-hover, 0 12px 32px rgba(0,0,0,0.3)); } .bip6b { height: 160px; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.03); } .qvj35 { background: linear-gradient(135deg, rgba(168,85,247,0.3) 0%, rgba(168,85,247,0.1) 100%); } .i55ei { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .ral00 { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--v9zm-accent-on-dark, #A855F7); background: rgba(168,85,247,0.12); border-radius: 4px; padding: 4px 10px; width: fit-content; margin-bottom: 2px; } .y46ax { font-size: 18px; font-weight: 800; color: #fff; line-height: 1.25; letter-spacing: -0.2px; } .kw040 { font-size: 14px; color: #b0b4c0; line-height: 1.6; margin-bottom: 4px; flex: 1; } .u7fqr { font-size: 13px; font-weight: 700; color: var(--v9zm-accent-on-dark, #A855F7); margin-top: auto; padding-top: 12px; border-top: 1px solid var(--v9zm-divider, rgba(255,255,255,0.06)); transition: gap 0.15s; } .rjiqo:hover .u7fqr { color: #fff; } @media (max-width: 1024px) {.ie809 { grid-template-columns: repeat(4, 1fr);gap: 10px; }.vy5a1 { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 640px) {.ie809 { grid-template-columns: repeat(3, 1fr);gap: 8px; }.ooaad { padding: 7px 14px;font-size: 12px; }.vy5a1 { grid-template-columns: 1fr !important; }.bip6b { height: 140px; } } @media (max-width: 768px) {.i8v0p .ysbe4 { grid-template-columns: 26px 1fr auto !important; row-gap: 8px; }.i8v0p .ysbe4 .z1kig { display: none; }.i8v0p .ysbe4 .m00ae { grid-column: 1 / -1; justify-content: center; } } .ztg1v { background: var(--v9zm-surface, rgba(255,255,255,0.03)); border: 1px solid var(--v9zm-border, rgba(255,255,255,0.07)); border-radius: var(--v9zm-card-radius, 16px); box-shadow: var(--v9zm-shadow, none); padding: 28px; } .dmnim { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; } .iucdx { background: var(--v9zm-surface-2, rgba(255,255,255,0.04)); border: 1px solid var(--v9zm-border, rgba(255,255,255,0.08)); border-radius: var(--v9zm-card-radius, 12px); padding: 18px 16px; text-align: center; } .mwvs1 { font-size: 11px;font-weight: 800;letter-spacing: 1.5px;text-transform: uppercase;margin-bottom: 6px; } .mbu7d { font-size: 24px;font-weight: 900;font-family: 'SF Mono', 'JetBrains Mono', monospace;margin-bottom: 4px; } .vx5rf { font-size: 12px;color: #6B7280; } .i92er { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .sbuv8 { font-size: 14px;font-weight: 700;color: #fff;margin-bottom: 12px; } .hkcy4 { display: grid; gap: 8px; } .vker1 { display: flex; align-items: center; gap: 12px; background: var(--v9zm-surface, rgba(255,255,255,0.04)); border-radius: var(--v9zm-card-radius, 10px); padding: 12px 16px; } .ejb82 { width: 32px;height: 32px;border-radius: 50%;font-size: 14px;font-weight: 800;display: flex;align-items: center;justify-content: center;flex-shrink: 0; } .mp8nm { flex: 1;min-width: 0; } .xmvmj { font-size: 16px;font-weight: 800;white-space: nowrap; } .mlmo9 { ; } .k1int { color: #FFFFFF; opacity: 0.8; font-size: 15px; line-height: 1.6; margin-bottom: 24px; } .w1dv8 { display: flex;flex-direction: column;gap: 0;position: relative; } .w1dv8::before { content: '';position: absolute;left: 23px;top: 24px;bottom: 24px;width: 2px;background: #A855F722; } .xq65l { display: flex; gap: 16px; align-items: flex-start; padding: 16px 0; position: relative; } .i5h2j { width: 48px; height: 48px; border-radius: var(--v9zm-card-radius, 12px); background: var(--v9zm-accent-soft, #A855F718); color: #A855F7; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 1; } .ar346 { flex: 1; min-width: 0; } .u47it { font-size: 17px;font-weight: 600;color: #FFFFFF;margin: 0 0 6px;line-height: 1.3; } .lb7ix { font-size: 15px;color: #FFFFFF;opacity: 0.8;line-height: 1.6; } .lb7ix p { margin: 0 0 8px; } @media (max-width: 768px) {.i5h2j { width: 40px;height: 40px;font-size: 15px;border-radius: 10px; }.u47it { font-size: 15px; }.lb7ix { font-size: 14px; }.w1dv8::before { left: 19px; } } .hkhfg { ; } .myydu { display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px; } .ffgdj { display: inline-flex;align-items: center;color: #FFFFFF;opacity: 0.4;flex-shrink: 0; } .aew7l { width: 20px;height: 20px;display: block; } .evg2c .q3qsh { display: inline-flex;align-items: center;gap: 8px;padding: 9px 18px;border-radius: 999px;background: var(--v9zm-accent-gradient, #A855F7);color: var(--v9zm-accent-text, #fff);font-weight: 700;font-size: 15px;line-height: 1.2;white-space: nowrap;border: 2px solid rgba(0,0,0,0.28); } .evg2c .zw8r6 { display: inline-flex; } .evg2c .zw8r6 svg { width: 17px; height: 17px; display: block; } .evg2c .q3qsh.j0b4m { outline: 3px solid #A855F7; outline-offset: 2px; } .uaiz6 .myydu { align-items: stretch; } .b55sq { position: relative; flex: 1 1 160px; max-width: 220px; min-width: 150px; background: var(--v9zm-surface, rgba(255,255,255,0.04)); border: 1px solid var(--v9zm-border, rgba(255,255,255,0.09)); border-radius: var(--v9zm-card-radius, 14px); padding: 20px 16px; } .b55sq.j0b4m { border-color: #A855F759; } .hk7hl { position: absolute;top: 14px;right: 14px;font-size: 12px;font-weight: 700;color: #FFFFFF;opacity: 0.35; } .bipqx { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--v9zm-accent-soft, #A855F718); color: #A855F7; margin-bottom: 14px; } .bipqx svg { width: 23px; height: 23px; display: block; } .b55sq .bpw0o { font-size: 15px;font-weight: 700;color: #FFFFFF;margin-bottom: 5px;line-height: 1.25; } .p0y12 { font-size: 12.5px; color: #FFFFFF; opacity: 0.7; line-height: 1.55; } .dx9zm { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 10px; } .t5wgw { position: relative;flex: 1 1 150px;max-width: 190px;min-width: 130px;text-align: center;background: var(--v9zm-surface, rgba(255,255,255,0.04));border: 1px solid var(--v9zm-border, rgba(255,255,255,0.09));border-radius: var(--v9zm-card-radius, 14px);padding: 20px 16px; } .t5wgw.j0b4m { border: 2px solid #A855F7; background: #A855F714; } .fxg96 { position: absolute;top: -11px;left: 50%;transform: translateX(-50%);background: var(--v9zm-accent-gradient, #A855F7);color: var(--v9zm-accent-text, #fff);font-size: 11px;font-weight: 700;padding: 2px 12px;border-radius: 999px;white-space: nowrap; } .to3ib { display: inline-flex;color: #A855F7;margin-bottom: 8px; } .to3ib svg { width: 30px; height: 30px; display: block; } .t5wgw .bpw0o { font-size: 15px; font-weight: 700; color: #FFFFFF; margin-bottom: 2px; } .rs4td { font-size: 12px;color: #FFFFFF;opacity: 0.55; } .azy8i { font-size: 12.5px;color: #FFFFFF;opacity: 0.8;line-height: 1.5;border-top: 1px solid var(--v9zm-border, rgba(255,255,255,0.08));margin-top: 10px;padding-top: 10px; } .e4ry1 { text-align: center; margin-top: 22px; } @media (max-width: 768px) {.evg2c .myydu, .uaiz6 .myydu { flex-direction: column; }.evg2c .ffgdj .aew7l, .uaiz6 .ffgdj .aew7l { transform: rotate(90deg); }.b55sq { max-width: 100%; width: 100%; }.t5wgw { flex-basis: calc(50% - 5px); max-width: none; } } a[data-dyorhg] { cursor: pointer;text-decoration: none; } a[data-dyorhg].rjiqo { color: inherit; } @media (max-width: 768px) {.yhw56 { display: none; }.enyrq { padding: 7px 8px; }.u5er0 { font-size: 11px;-webkit-line-clamp: 1; }.gy6of { font-size: 9px; }.lezqw { padding: 8px 16px; font-size: 12.5px; }.w1hkk { display: grid; grid-auto-flow: column; grid-template-rows: 1fr 1fr; grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }.w1hkk > .tc0ez { flex: none;width: auto; }.gy24k { display: flex; }.la7uo { flex: 1 1 calc(50% - 6px);min-width: 0; }.qo35d { flex: 1 1 auto; justify-content: center; } } footer { background: #150b1e; padding: 40px 24px 24px; } .ad6fg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 1200px; margin: 0 auto 28px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,0.07); } .u9v3j { color: #fff;font-weight: 700;font-size: 11px;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 14px; } .ad6fg > div a { display: block; color: #9CA3AF; font-size: 15px; text-decoration: none; margin-bottom: 4px; padding: 4px 0; min-height: 32px; line-height: 24px; transition: color 0.15s; } .ad6fg > div a:hover { color: #fff; } .gogg1 { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; } .oesjy { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #9CA3AF; display: inline-flex; align-items: center; justify-content: center; color: #9CA3AF; font-weight: 700; font-size: 13px; } .swvps { color: #9CA3AF;font-size: 12px;max-width: 600px;line-height: 1.5; } .q1ryh:hover { background: rgba(255,255,255,0.04); } .eexsx { display: grid; grid-template-columns: 280px 1fr; gap: 32px; align-items: start; } .acgmk { width: 100%;aspect-ratio: 1;border-radius: 16px;overflow: hidden;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08); } .acgmk img { width: 100%;height: 100%;object-fit: cover; } .ti8tc { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 20px; } .f07w4 { margin: 0 0 14px; } .yb29e { font-size: 12px; color: #9CA3AF; margin-bottom: 5px; } .pvq3k { display: flex; gap: 2px; padding: 2px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(0,0,0,.30); overflow: hidden; max-width: 260px; } .wnycm { flex: 1 1 0;height: 9px;overflow: hidden; } .wnycm:first-child { border-radius: 999px 0 0 999px; } .wnycm:last-child { border-radius: 0 999px 999px 0; } .wnycm i { display: block; height: 100%; } .wnycm:nth-child(1) i { background: #2e6b1f; } .wnycm:nth-child(2) i { background: #42901f; } .wnycm:nth-child(3) i { background: #54ac22; } .wnycm:nth-child(4) i { background: #63c926; } .wnycm:nth-child(5) i { background: #78e62c; } .eudyy { font-size: 12px; color: #9CA3AF; margin-top: 4px; } .ien0m { background: rgba(255,255,255,0.03);border-radius: 8px;padding: 10px 12px;border: 1px solid rgba(255,255,255,0.06); } .rp02l { font-size: 10px; color: #6B7280; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; } .y0hx1 { font-size: 14px; font-weight: 700; color: #A855F7; } .c6h47 { text-align: center; margin-bottom: 30px; } .gh2j8 { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: start; max-width: 1200px; margin: 0 auto; } .ejl2m { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, max-content)); gap: 56px; } .ejl2m .u9v3j { color: #A855F7; margin-bottom: 16px; } .ejl2m > div a { display: block; color: #E5E7EB; font-size: 15px; text-decoration: none; padding: 5px 0; transition: color 0.15s; } .ejl2m > div a:hover { color: #fff; } .qphdk { color: #9CA3AF; font-size: 13px; line-height: 1.7; max-width: 320px; } .ko1l0 { text-align: right; } .ko1l0 .lpd8j { text-align: right !important; padding: 0; } .ti4kt { height: 1px;background: rgba(255,255,255,0.08);max-width: 1200px;margin: 28px auto; } .tb1m6 { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; } .v01pc { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } .xrxna { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .xrxna img { height: 28px; width: auto; max-width: 84px; object-fit: contain; } .r0dd9 { display: flex;gap: 12px;flex-wrap: wrap; } .mi4f4 { display: inline-flex; align-items: center; gap: 9px; background: #A855F7; color: #0b0d12; border-radius: 10px; padding: 8px 18px; text-decoration: none; font-weight: 700; } .mi4f4:hover { filter: brightness(1.06); } .h2t8y svg { width: 22px; height: 22px; display: block; } .b52hl { display: flex; flex-direction: column; line-height: 1.15; } .b52hl span { font-size: 10px; font-weight: 600; opacity: 0.85; text-transform: uppercase; letter-spacing: 0.5px; } .b52hl strong { font-size: 14px; } .smvcs { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 4px auto 8px; } .magr9 { color: #9CA3AF;display: inline-flex;transition: color 0.15s; } .magr9 svg { width: 22px; height: 22px; display: block; } .magr9:hover { color: #A855F7; } .kexj9 { display: grid;grid-template-columns: 1fr auto;gap: 24px;align-items: start;max-width: 1200px;margin: 20px auto 0; } .av0e6 { color: #6B7280;font-size: 12px;line-height: 1.75;max-width: 900px; } .s3ub2 { color: #9CA3AF; font-size: 13px; white-space: nowrap; } @media (max-width: 768px) {.gh2j8 { grid-template-columns: 1fr; }.ejl2m { grid-template-columns: 1fr 1fr;gap: 24px; }.ko1l0 { text-align: left; }.ko1l0 .lpd8j { text-align: left !important; }.tb1m6 { flex-direction: column; align-items: flex-start; }.kexj9 { grid-template-columns: 1fr; }.s3ub2 { white-space: normal; } } @media (max-width: 420px) {.ejl2m { grid-template-columns: 1fr; } } .xti98 { display: flex;align-items: center;gap: 24px;max-width: 1200px;margin: 0 auto 34px; } .zjimn { flex: 1; height: 1px; background: rgba(255,255,255,0.10); } .tpz8e { height: 1px;background: rgba(255,255,255,0.08);max-width: 1200px;margin: 28px auto; } .uvjun { display: grid; grid-template-columns: 1.3fr 1.4fr auto; gap: 48px; max-width: 1200px; margin: 0 auto; align-items: start; } .l18qy { color: #9CA3AF; font-size: 14px; line-height: 1.6; margin: 0 0 22px; max-width: 320px; } .fob5x { color: #fff; font-weight: 700; font-size: 18px; margin-bottom: 6px; } .i7tyn { color: #9CA3AF; font-size: 14px; line-height: 1.6; margin: 0 0 26px; max-width: 260px; } .xxq5e { display: inline-flex; align-items: center; gap: 10px; color: #E5E7EB; font-size: 15px; text-decoration: none; transition: color 0.15s; } .e8wxb svg { width: 20px; height: 20px; display: block; color: #A855F7; } .xxq5e:hover { color: #fff; } .n4abb { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .n4abb > div a { display: block; color: #E5E7EB; font-size: 15px; text-decoration: none; padding: 6px 0; transition: color 0.15s; } .n4abb > div a:hover { color: #fff; } .l67cn { display: flex; justify-content: flex-end; } .l67cn .lsi8x { justify-content: flex-end;max-width: 220px; } .egitt { display: flex;justify-content: space-between;align-items: center;gap: 24px;flex-wrap: wrap;max-width: 1200px;margin: 0 auto; } .oaiat { color: #6B7280; font-size: 13px; } .dwlqm { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: flex-end; } .dwlqm img { height: 26px; width: auto; max-width: 62px; object-fit: contain; opacity: 0.85; } @media (max-width: 768px) {.uvjun { grid-template-columns: 1fr;gap: 28px; }.zjimn { display: none; }.l67cn, .l67cn .lsi8x { justify-content: flex-start; }.egitt, .dwlqm { justify-content: flex-start; } } @media (max-width: 420px) {.n4abb { grid-template-columns: 1fr; } } @media (max-width: 1024px) {.f4093 { gap: 16px; }.porgv { gap: 14px; }.porgv a { font-size: 13px; }.v0o5y { padding: 40px 36px; }.uhg5x { font-size: 38px; }.b1xvu { grid-template-columns: repeat(4, 1fr); gap: 12px; }.ikoi2 { grid-template-columns: repeat(3, 1fr); }.ysbe4 { gap: 12px; padding: 12px 16px; }.svz1g { padding: 24px 28px; gap: 28px; }.jrb9w { grid-template-columns: auto 1fr auto auto !important; gap: 16px !important; }.eexsx { grid-template-columns: 220px 1fr;gap: 24px; } } @media (max-width: 768px) {.f4093 { height: 56px; }.i9jr0 { flex-shrink: 1;min-width: 0; }.i9jr0 img { max-height: 32px; max-width: 140px; }.porgv { display: none; }.hpm9z { display: flex; }.vc5j1 { display: block; }.cmolk .cxhkq { display: none; }.cmolk { gap: 6px; }.m00ae, .cxhkq { padding: 0 16px; height: 40px; font-size: 12px; }.vohpr { min-height: 320px; }.z6tih { min-height: 320px; }.dp46l { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }.su2md { background: linear-gradient(to top, #170d21 5%, #170d21dd 35%, #170d2188 55%, transparent 80%); }.v0o5y { max-width: 100%; padding: 0 20px 40px; position: absolute; bottom: 0; left: 0; right: 0; top: auto; }.eo9y7 { font-size: 13px; }.uhg5x { font-size: 28px; }.o7r48 { padding: 14px 32px !important; font-size: 14px !important; width: 100%; text-align: center; }.ya59j { bottom: 14px;justify-content: flex-start;padding-left: 20px; }main { padding: 24px 20px; gap: 28px; }main > * { max-width: 100% !important;overflow: hidden; }.x0r89 { font-size: 17px; margin-bottom: 14px; }.c0viq.x0r89 { font-size: 20px; margin-bottom: 0; text-transform: none; }.b1xvu { grid-template-columns: repeat(3, 1fr); gap: 8px; }.croav { border-radius: 10px; }.ateey { overflow-wrap: break-word; word-wrap: break-word; max-width: 100% !important; }.ateey * { max-width: 100%; }.ateey h1 { font-size: 32px;line-height: 1.2; }.ateey h2 { font-size: 27px; margin: 28px 0 14px; line-height: 1.2; }.ateey h3 { font-size: 23px; margin: 22px 0 10px; line-height: 1.2; }.ateey p { font-size: 16px;line-height: 1.5;margin-bottom: 16px; }.ateey li { font-size: 16px;line-height: 1.5; }.ateey table { font-size: 12px; display: table; }.ateey th, .ateey td { padding: 8px 10px; }.ateey th { font-size: 11px; }.ateey > div { overflow-x: auto; -webkit-overflow-scrolling: touch; }.ateey img { border-radius: 10px; margin: 14px 0; height: auto !important; max-width: 100% !important; }.ateey > img, .ateey > p > img { max-width: 95% !important; }.d37w4 { padding: 20px 16px; border-radius: 12px; }.qrgo6 { padding: 16px !important;overflow: hidden; }.q1ryh { overflow: hidden; text-overflow: ellipsis; }.q1ryh span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }.anfc4 { grid-template-columns: 1fr; }.zycr1 { padding: 14px 16px; min-height: 48px; }.ul3se { font-size: 14px; }.aw1ur { font-size: 14px;line-height: 1.5; }.dmnim { grid-template-columns: 1fr; gap: 8px; }.mbu7d { font-size: 20px; }.uss79 { grid-template-columns: 1fr; gap: 20px; padding: 20px 16px; }.ezdtc { font-size: 48px; }.mu2dq { grid-template-columns: 1fr; }.i8v0p .ysbe4 { grid-template-columns: 24px 1fr auto; gap: 10px; padding: 12px 14px; }.i8v0p .ysbe4 .m00ae { padding: 8px 14px;font-size: 11px;height: auto;min-height: 36px; }.ad6fg { grid-template-columns: 1fr 1fr !important; gap: 20px; }footer { padding: 28px 16px 16px; }.ikoi2 { grid-template-columns: 1fr 1fr; gap: 8px; }.gwq65 { padding: 12px 10px; }.svz1g { grid-template-columns: 1fr;gap: 16px;padding: 18px 14px; }.eexsx { grid-template-columns: 1fr; gap: 20px; }.ti8tc { grid-template-columns: repeat(2, 1fr);gap: 6px; }.pkabs { grid-template-columns: 1fr !important; gap: 20px !important; }.jrb9w { grid-template-columns: 1fr !important; gap: 12px !important; text-align: center; }.jrb9w > div { justify-content: center; }.ztg1v { padding: 18px 14px !important; }.i92er { grid-template-columns: 1fr !important;gap: 16px !important; }.m17al { grid-template-columns: repeat(2, 1fr) !important; }.ebwsl { flex-direction: column !important;padding: 16px !important;gap: 16px !important; }.ebwsl img { width: 100%; max-height: 280px; }.aw96i { max-width: 95%; }.a3zu1 { width: 100%;justify-content: center; }.ah5ud { min-height: 44px; display: flex; align-items: center; } } @media (max-width: 480px) {.f4093 { gap: 8px; }.qfjf6 { display: none; }.qs022 > summary { padding: 6px; gap: 4px; }.v0o5y { padding: 24px 16px 48px; }.uhg5x { font-size: 24px; }.eo9y7 { font-size: 11px; }.ateey h1 { font-size: 28px; }.ateey h2 { font-size: 24px; }.ateey h3 { font-size: 21px; }.b1xvu { grid-template-columns: repeat(3, 1fr);gap: 6px; }.ad6fg { grid-template-columns: 1fr !important; gap: 16px; }.ikoi2 { grid-template-columns: 1fr; }.i8v0p .ysbe4 { grid-template-columns: 24px 1fr; gap: 8px; }.i8v0p .ysbe4 .m00ae { width: 100%; justify-content: center; }.svz1g { padding: 16px 12px; }.uss79 { padding: 16px 12px; }.d37w4 { padding: 16px 12px; }main { padding: 20px 16px; gap: 24px; } } *, *::before, *::after { box-sizing: border-box; } body { overflow-x: hidden; } img { max-width: 100%; height: auto; } .b7ca0, .n4qc1, .yvy94, .x8qw2, .muicp, .phyw6, main { overflow-wrap: break-word;word-wrap: break-word; } .b7ca0 { background: transparent;padding: 0 32px;position: absolute;top: 0;left: 0;right: 0;z-index: 100;transition: background 0.3s, box-shadow 0.3s; } .b7ca0.sfpbg { position: fixed;background: linear-gradient(90deg, #221132 0%, #2f1547 100%)ee;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 2px 20px rgba(0,0,0,0.4);border-bottom: 1px solid rgba(255,255,255,0.06); } body.jc40d .b7ca0 { position: relative;background: linear-gradient(90deg, #221132 0%, #2f1547 100%);border-bottom: 1px solid rgba(255,255,255,0.06); } body.jc40d main { padding-top: 24px; } .elqon { display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;height: 80px;max-width: 1400px;margin: 0 auto; } .z38cx { display: flex; gap: 20px; align-items: center; } .z38cx a { color: rgba(255,255,255,0.85); font-size: 16px; text-decoration: none; font-weight: 600; transition: color 0.15s; display: inline-flex; align-items: center; gap: 6px; } .z38cx a:hover { color: #fff; } .z38cx svg { width: 18px;height: 18px;opacity: 0.7; } .zsvm2 { display: flex; align-items: center; justify-content: center; padding: 0 24px; } .zsvm2 img { max-height: 56px;width: auto;max-width: 200px;object-fit: contain; } .j996o { font-weight: 900; font-size: 24px; color: #A855F7; font-family: 'SF Mono', 'JetBrains Mono', monospace; } .shs06 { display: flex;gap: 12px;align-items: center;justify-content: flex-end; } .vlp7v { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.85); font-size: 15px; font-weight: 500; text-decoration: none; transition: color 0.15s; } .vlp7v:hover { color: #fff; } .vlp7v svg { width: 22px;height: 22px; } .o22q0 { border: 1px solid #A855F7; background: #A855F7; color: #fff; border-radius: 8px; padding: 10px 24px; font-size: 14px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: all 0.15s; position: relative; overflow: hidden; animation: pf-cta 2s ease-in-out infinite; } .o22q0:hover { opacity: 0.9;transform: translateY(-1px); } .vq3s9 { position: relative; width: 100%; overflow: hidden; } .vq3s9 .vohpr { min-height: 620px; width: 100%; } .vq3s9 .z6tih { min-height: 620px; position: relative; overflow: hidden; } .vq3s9 .dp46l { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .vq3s9 .su2md { position: absolute; inset: 0; background: linear-gradient(to right, #170d21ee 0%, #170d21aa 35%, transparent 65%); z-index: 1; } .vq3s9 .v0o5y { padding: 180px 60px 100px; max-width: 600px; width: 50%; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 8px; justify-content: center; margin: 0 auto 0 max(24px, calc((100% - 1200px) / 2 + 24px)); } .vq3s9 .eo9y7 { font-size: 14px;font-weight: 700;color: #A855F7;letter-spacing: 1.5px;text-transform: uppercase;margin-bottom: 10px;font-family: 'Rubik', sans-serif; } .vq3s9 .uhg5x { font-size: 58px;font-weight: 900;line-height: 1.0;color: #fff;letter-spacing: -1px;font-family: 'Rubik', sans-serif;text-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 2px 18px rgba(0,0,0,0.45); } .vq3s9 .ya59j { position: absolute;bottom: 24px;left: 0;right: 0;display: flex;justify-content: center;gap: 8px;z-index: 10; } .vq3s9 .ft0y1 { width: 10px;height: 10px;border-radius: 50%;border: none;background: rgba(255,255,255,0.3);cursor: pointer;padding: 0;transition: background 0.3s; } .vq3s9 .ft0y1.active { background: #A855F7; } @keyframes pf-cta {0%, 100% { box-shadow: 0 0 8px 0 #A855F740; }50% { box-shadow: 0 0 22px 4px #A855F770; } } @keyframes pf-shine {0% { transform: translateX(-160%) skewX(-18deg); }60%, 100% { transform: translateX(360%) skewX(-18deg); } } @keyframes pf-bob {0%, 100% { transform: translateY(0); }50% { transform: translateY(-4px); } } @keyframes pf-glow {0%, 100% { box-shadow: 0 0 0 0 #A855F700; }50% { box-shadow: 0 0 18px 2px #A855F755; } } @keyframes pf-spark {0%, 100% { opacity: 0; transform: scale(0.4) rotate(0deg); }50% { opacity: 1; transform: scale(1) rotate(15deg); } } .o22q0::after, .yhmr0::after, .dtkvq .ateey .a3zu1::after { content: ''; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent); transform: skewX(-18deg); animation: pf-shine 3.4s ease-in-out infinite; pointer-events: none; } .dtkvq .ateey .a3zu1 { position: relative; overflow: hidden; border-radius: 12px; padding: 16px 40px; font-size: 16px; font-weight: 800; letter-spacing: 0.3px; box-shadow: 0 6px 22px #A855F733; animation: pf-cta 2s ease-in-out infinite; } .yj3ja { display: inline-flex; animation: pf-bob 2.4s ease-in-out infinite; } .jyzhk { position: absolute;top: -4px;right: -4px;display: inline-flex;color: #A855F7;animation: pf-spark 1.9s ease-in-out infinite;pointer-events: none; } .jyzhk.im8v6 { top: auto; bottom: -3px; left: -4px; right: auto; animation-duration: 2.3s; animation-delay: 0.7s; } @media (prefers-reduced-motion: reduce) {.o22q0, .o22q0::after, .yhmr0, .yhmr0::after, .v2qm8, .yj3ja, .jyzhk, .dtkvq .ateey .a3zu1, .dtkvq .ateey .a3zu1::after { animation: none !important; }.jyzhk { opacity: 1; } } .n4qc1 { max-width: 1400px; margin: 0 auto; padding: 0 24px; } .uhbg8 { background: linear-gradient(135deg, #A855F712, #A855F706);border: 1px solid #A855F730;border-radius: 16px;padding: 24px 32px;display: flex;align-items: center;justify-content: space-between;gap: 24px;position: relative;overflow: hidden; } .uhbg8::before { content: ''; position: absolute; top: -50%; right: -20%; width: 300px; height: 300px; background: radial-gradient(circle, #A855F715 0%, transparent 70%); pointer-events: none; } .pjkk7 { display: flex; align-items: center; gap: 18px; flex: 1; min-width: 0; position: relative; z-index: 1; } .v2qm8 { width: 52px; height: 52px; border-radius: 14px; background: #A855F720; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; animation: pf-glow 2.4s ease-in-out infinite; } .pbxks { min-width: 0; } .ceao9 { font-size: 12px; font-weight: 700; color: #A855F7; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 3px; } .num3o { font-size: 24px; font-weight: 800; color: #FFFFFF; line-height: 1.15; } .ygxww { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .d82pl { font-size: 12px; color: #C9CDD5; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; padding: 3px 10px; } .yhmr0 { flex-shrink: 0;position: relative;overflow: hidden;z-index: 1;padding: 16px 44px;font-size: 16px;animation: pf-cta 2s ease-in-out infinite; } .yvy94 { max-width: 1400px; margin: 0 auto 36px; padding: 0 24px; } .twnbj { display: flex;gap: 0;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;align-items: stretch;justify-content: center; } .twnbj::-webkit-scrollbar { display: none; } .eh2q5 { display: flex; align-items: center; gap: 8px; padding: 14px 20px; color: #6B7280; font-size: 13px; font-weight: 500; text-decoration: none; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; background: rgba(255,255,255,0.03); white-space: nowrap; margin-right: 8px; flex-shrink: 0; transition: all 0.15s; } .eh2q5:hover { border-color: rgba(255,255,255,0.15); color: #9CA3AF; } .eh2q5 svg { width: 16px; height: 16px; } .en6zt { display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 16px 24px 14px;color: #6B7280;font-size: 13px;font-weight: 600;text-decoration: none;white-space: nowrap;transition: all 0.15s;min-width: 90px;text-align: center;border-radius: 0;background: transparent;border: none;border-bottom: 2px solid transparent; } .en6zt.k65ur { color: #A855F7;border-bottom-color: #A855F7; } .en6zt.k65ur svg { color: #A855F7; } .en6zt:hover { color: #A855F7;border-bottom-color: #A855F740; } .en6zt svg { width: 28px; height: 28px; color: #4B5563; transition: color 0.15s; } .en6zt:hover svg { color: #A855F7; } .x8qw2 { max-width: 1400px; margin: 0 auto 44px; padding: 0 24px; } .t5q1m { display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 16px; } .qbmu6 { font-size: 22px; font-weight: 700; color: #FFFFFF; letter-spacing: 0; } .y4pmk { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; } .hv7ny { border-radius: 14px;overflow: hidden;aspect-ratio: 3 / 2;position: relative;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);transition: transform 0.2s, box-shadow 0.2s; } .hv7ny:active { transform: scale(0.97); } .hv7ny:hover { transform: scale(1.04);box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .hv7ny img { width: 100%; height: 100%; object-fit: cover; display: block; } .vyhvl { position: absolute; inset: 0; background: rgba(0,0,0,0.7); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; opacity: 0; transition: opacity 0.2s; border-radius: 14px; padding: 12px; } .hv7ny:hover .vyhvl { opacity: 1; } .vyhvl .t7o2x { color: #fff; font-size: 13px; font-weight: 700; text-align: center; margin-bottom: 4px; } .vyhvl .pqt96 { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.15); border: 2px solid rgba(255,255,255,0.4); display: flex; align-items: center; justify-content: center; } .vyhvl .pqt96 svg { width: 18px;height: 18px;color: #fff;margin-left: 2px; } .vyhvl .zpzgu { color: rgba(255,255,255,0.7);font-size: 11px;font-weight: 500; } .kvzzs { text-align: center;margin-top: 20px; } .b8t63 { font-size: 14px; font-weight: 600; color: #FFFFFF; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; padding: 10px 28px; border: 1px solid rgba(255,255,255,0.15); border-radius: 10px; transition: all 0.15s; } .b8t63:hover { border-color: rgba(255,255,255,0.3);background: rgba(255,255,255,0.04); } .muicp { max-width: 1400px; margin: 0 auto 44px; padding: 0 24px; } .p21ku { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; } .cjvzn { cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 16px 12px;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);border-radius: 10px;color: #9CA3AF;font-size: 12px;font-weight: 600;text-decoration: none;transition: all 0.2s;white-space: nowrap; } .s3rjk { padding: 14px 18px; background: #fff; border: none; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); min-width: 140px; min-height: 70px; } .cjvzn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.3); } @keyframes sf-pulse {0%,100% { transform: scale(1); opacity: 0.8; }50% { transform: scale(1.1);opacity: 1; } } .hv7ny:hover .pqt96 { animation: sf-pulse 1.5s ease infinite; } .vq3s9 ~ main .ateey table, .dtkvq .ateey table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 24px 0; border-radius: 0; border: none; display: table; overflow: visible; } .dtkvq .ateey th { background: transparent; padding: 18px 24px; text-align: center; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: #fff; border-bottom: 3px solid #A855F7; border-top: none; } .dtkvq .ateey td { padding: 18px 24px; border-bottom: 1px solid #A855F730; color: #D1D5DB; font-size: 15px; text-align: center; } .dtkvq .ateey td:first-child, .vq3s9 ~ main .ateey td:first-child { font-weight: 600; color: #FFFFFF; } .dtkvq .ateey tr:last-child td, .vq3s9 ~ main .ateey tr:last-child td { border-bottom: 1px solid #A855F730; } .vq3s9 ~ main .ateey table th { background: transparent; padding: 18px 24px; text-align: center; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: #fff; border-bottom: 3px solid #A855F7; } .vq3s9 ~ main .ateey table td { padding: 18px 24px; border-bottom: 1px solid #A855F730; color: #D1D5DB; font-size: 15px; text-align: center; } .vq3s9 ~ main .ateey table td:first-child { font-weight: 600; color: #FFFFFF; } .vq3s9 ~ main .d37w4 { background: transparent; border: none; border-radius: 0; padding: 0; } .vq3s9 ~ main .anfc4 { display: block; } .dtkvq .x0r89 { font-size: 28px; font-weight: 700; text-transform: none; letter-spacing: -0.3px; margin-bottom: 28px; color: #FFFFFF; line-height: 1.2; padding-bottom: 16px; border-bottom: 2px solid #A855F740; } .dtkvq .ateey { font-size: 16px;line-height: 1.8; } .dtkvq .ateey h2 { font-size: 26px; font-weight: 700; margin: 48px 0 16px; border-top: none; padding-top: 0; color: #FFFFFF; letter-spacing: -0.3px; line-height: 1.25; } .dtkvq .ateey h2:first-child { margin-top: 0; } .dtkvq .ateey h3 { font-size: 21px; font-weight: 600; margin: 32px 0 12px; color: #FFFFFF; } .dtkvq .ateey p { color: #C9CDD5; font-size: 16px; line-height: 1.8; margin-bottom: 20px; } .dtkvq .ateey a { color: #A855F7;border-bottom-color: #A855F760;text-decoration: none; } .dtkvq .ateey a:hover { border-bottom-color: #A855F7; } .dtkvq .ateey ul, .dtkvq .ateey ol { margin: 0 0 20px;padding-left: 20px; } .dtkvq .ateey li { margin-bottom: 10px; color: #C9CDD5; font-size: 16px; line-height: 1.8; } .dtkvq .ateey li::marker { color: #A855F7; } .dtkvq .ateey blockquote { border-left: 4px solid #A855F7; background: #A855F706; padding: 20px 24px; margin: 24px 0; border-radius: 0 8px 8px 0; font-size: 17px; font-style: italic; color: #D1D5DB; } .dtkvq .ateey img { border-radius: 8px; margin: 24px 0; } .dtkvq .mu2dq { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: transparent; border-radius: 0; padding: 32px 0; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); } .dtkvq .mu2dq > div { padding: 0; } .dtkvq .mu2dq > div:first-child { padding-right: 40px; border-right: 2px solid #A855F720; } .dtkvq .mu2dq > div:last-child { padding-left: 40px; } .dtkvq .mu2dq > div > div:first-child { font-size: 16px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px !important; padding-bottom: 12px; border-bottom: 2px solid currentColor; } .dtkvq .mu2dq > div:first-child > div:first-child { color: #22C55E !important; border-bottom-color: #22C55E40; } .dtkvq .mu2dq > div:last-child > div:first-child { color: #EF4444 !important;border-bottom-color: #EF444440; } .dtkvq .mu2dq > div > div:not(:first-child) { padding: 14px 0;border-bottom: 1px solid rgba(255,255,255,0.04);font-size: 15px;color: #D1D5DB;line-height: 1.7; } .dtkvq .mu2dq > div > div:last-child { border-bottom: none; } .dtkvq .mu2dq > div > div:not(:first-child) > span:first-child { width: 22px !important;height: 22px !important;flex: 0 0 22px !important;border-radius: 50% !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;font-size: 13px !important;line-height: 1 !important;margin-top: 2px; } .dtkvq .mu2dq > div:first-child > div:not(:first-child) > span:first-child { background: #22C55E1f !important; } .dtkvq .mu2dq > div:last-child > div:not(:first-child) > span:first-child { background: #EF44441f !important; } .dtkvq .uss79 { background: transparent; border: none; border-radius: 0; padding: 32px 0; display: grid; grid-template-columns: 180px 1fr; gap: 48px; align-items: start; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); } .dtkvq .lez7q { background: linear-gradient(135deg, #A855F710, #A855F705); border: 2px solid #A855F740; border-radius: 16px; padding: 32px 24px; text-align: center; } .dtkvq .ezdtc { font-size: 72px; font-weight: 900; color: #A855F7 !important; line-height: 1; } .dtkvq .uss79 .x0r89 { border-bottom: none;padding-bottom: 0;margin-bottom: 20px;font-size: 22px; } .dtkvq .d37w4 { background: transparent; border: none; border-radius: 0; padding: 0; } .dtkvq .anfc4 { display: block;columns: unset; } .dtkvq .zycr1 { padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,0.06); cursor: pointer; background: transparent; } .dtkvq .zycr1:last-child { border-bottom: none; } .dtkvq .zycr1:hover { background: transparent; } .dtkvq .ul3se { font-size: 22px;font-weight: 600;color: #FFFFFF;display: flex;justify-content: space-between;align-items: center;gap: 16px; } .dtkvq .ul3se span:last-child { display: flex; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); align-items: center; justify-content: center; font-size: 20px; color: #A855F7; flex-shrink: 0; transition: transform 0.3s, background 0.3s; } .dtkvq .zycr1.vbock .ul3se span:last-child { transform: rotate(45deg); background: #A855F715; } .dtkvq .aw1ur { max-height: 0; overflow: hidden; padding-top: 0; transition: max-height 0.4s ease, padding 0.3s ease; color: #C9CDD5; font-size: 16px; line-height: 1.8; } .dtkvq .zycr1.vbock .aw1ur { max-height: 600px;padding-top: 16px; } .dtkvq .zycr1 { padding: 18px 18px;border: 1px solid rgba(255,255,255,0.07);border-radius: 12px;background: rgba(255,255,255,0.015);margin-bottom: 8px;transition: background 0.2s, border-color 0.2s; } .dtkvq .zycr1:last-child { border-bottom: 1px solid rgba(255,255,255,0.07); } .dtkvq .zycr1:hover { background: rgba(255,255,255,0.045);border-color: rgba(255,255,255,0.12); } .dtkvq .zycr1.vbock { background: #A855F70f;border-color: #A855F733; } .dtkvq .ul3se { font-size: 18px; } .dtkvq .zycr1:hover .ul3se span:last-child { background: #A855F722; border-color: #A855F755; } .dtkvq .zycr1.vbock .ul3se span:last-child { background: #A855F7;color: var(--v9zm-accent-text, #06281a);border-color: #A855F7; } .dtkvq .qrgo6 { background: transparent !important; border: none !important; border-left: 3px solid #A855F740 !important; border-radius: 0 !important; padding: 0 0 0 24px !important; } .dtkvq .qrgo6 > div:first-child span:first-child { font-size: 20px; font-weight: 700; } .dtkvq .qrgo6 > div:first-child button { background: transparent; border: none; color: #A855F7; width: 32px; height: 32px; } .dtkvq .q1ryh { padding: 8px 12px;border-radius: 6px;transition: all 0.15s;color: #C9CDD5; } .dtkvq .q1ryh:hover { background: rgba(255,255,255,0.04);color: #fff; } .dtkvq .q1ryh span:first-child { background: #A855F715; color: #A855F7; border: 1px solid #A855F730; } .dtkvq .bo48w { background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; overflow: hidden; backdrop-filter: blur(8px); } .dtkvq .a10h5 { height: 3px; background: linear-gradient(90deg, #A855F7, #A855F760, transparent); } .dtkvq .svz1g { padding: 32px 40px; } .dtkvq .eg4pr { background: #A855F710; border: 1px solid #A855F730; color: #A855F7; } .dtkvq .voqi0 { font-size: 42px; font-weight: 900; letter-spacing: -1px; } .dtkvq .fc3mk { color: #A855F7; font-size: 22px; } .dtkvq .hu8my { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 6px 14px; font-size: 13px; } .dtkvq .bpxlz { background: #A855F7;color: var(--v9zm-accent-text, #000);border-radius: 8px;padding: 18px 44px;font-size: 16px;font-weight: 800;letter-spacing: 0.5px;transition: all 0.2s;box-shadow: 0 4px 20px #A855F730; } .dtkvq .bpxlz:hover { transform: translateY(-2px); box-shadow: 0 8px 28px #A855F740; } .dtkvq .iayl2 { border-top: 1px solid rgba(255,255,255,0.06); } .dtkvq .v1186 { font-size: 14px; color: #9CA3AF; } .dtkvq .v1186::before { color: #A855F7; } .dtkvq .i8v0p { display: grid;gap: 0; } .dtkvq .i8v0p .ysbe4 { background: transparent;border: none;border-bottom: 1px solid rgba(255,255,255,0.06);border-radius: 0;padding: 20px 0;transition: background 0.15s; } .dtkvq .i8v0p .ysbe4:hover { background: rgba(255,255,255,0.02); } .dtkvq .i8v0p .ysbe4:last-child { border-bottom: none; } .dtkvq .i8v0p .ysbe4 > div:first-child { font-size: 18px !important;font-weight: 900 !important;color: #A855F7 !important;font-family: 'IBM Plex Mono', monospace !important; } .dtkvq .ikoi2 { display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px; } .dtkvq .gwq65 { background: transparent;border: 1px solid rgba(255,255,255,0.06);border-radius: 10px;padding: 20px 16px;transition: all 0.2s; } .dtkvq .gwq65:hover { border-color: #A855F740; background: rgba(255,255,255,0.02); } .dtkvq .s11zw { gap: 12px; margin-bottom: 14px; } .dtkvq .s11zw span { font-size: 24px; } .dtkvq .s11zw strong { font-size: 15px; color: #FFFFFF; } .dtkvq .pkabs { border-radius: 0 !important;padding: 32px 0 !important;border-top: 1px solid rgba(255,255,255,0.06); } .dtkvq .pkabs input, .dtkvq .pkabs select { border-color: rgba(255,255,255,0.1) !important; background: rgba(255,255,255,0.03) !important; transition: border-color 0.15s; } .dtkvq .pkabs input:focus, .dtkvq .pkabs select:focus { border-color: #A855F760 !important; outline: none; } .dtkvq .ztg1v { background: transparent !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 12px !important; padding: 28px 32px !important; } .dtkvq .jrb9w { background: transparent !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; border-radius: 0 !important; padding: 24px 0 !important; } .dtkvq .i6l8n .ooaad { border-radius: 8px;padding: 10px 20px;font-weight: 700; } .dtkvq .i6l8n .lgh5u { background: #A855F7;border-color: #A855F7; } .dtkvq .i6l8n .gy5np { border-radius: 12px; } .dtkvq .i6l8n .aqsfm { border-radius: 8px; border-color: #A855F730; color: #A855F7; font-weight: 700; } .dtkvq .rjiqo { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; } .dtkvq .rjiqo:hover { border-color: #A855F730; } .dtkvq .ral00 { color: #A855F7; background: #A855F710; } .dtkvq .u7fqr { color: #A855F7;border-top-color: rgba(255,255,255,0.04); } .dtkvq .m17al a { border-radius: 10px; } .dtkvq .m17al a:hover { border-color: #A855F740; } .dtkvq .okkra { background: transparent;border: 1px solid #A855F730;color: #A855F7;border-radius: 8px;font-weight: 600;transition: all 0.2s; } .dtkvq .okkra:hover { background: #A855F710;border-color: #A855F760; } .dtkvq .sfxg3 { font-size: 13px;color: #6B7280;margin-bottom: 8px; } .dtkvq .sfxg3 a { color: #9CA3AF; text-decoration: none; } .dtkvq .sfxg3 a:hover { color: #A855F7; } .dtkvq .mn7pi { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; } .dtkvq .mn7pi.dsu4v { opacity: 1; transform: translateY(0); } .dtkvq .vc5j1 { background: linear-gradient(180deg, linear-gradient(90deg, #221132 0%, #2f1547 100%) 0%, #170d21 100%); } .dtkvq .uu3f7 { padding: 20px 24px 40px; } .dtkvq .ah5ud { color: rgba(255,255,255,0.75); font-size: 17px; font-weight: 600; padding: 16px 0; display: flex; align-items: center; min-height: 52px; text-decoration: none; transition: color 0.15s, padding-left 0.15s; border-bottom: 1px solid rgba(255,255,255,0.05); } .dtkvq .ah5ud:hover { color: #A855F7; padding-left: 8px; } .dtkvq .vc5j1 .m00ae { border-radius: 10px; height: 52px; font-size: 15px; } .dtkvq .vc5j1 .cxhkq { border-radius: 10px; height: 52px; font-size: 15px; } .phyw6 { background: #150b1e; padding: 56px 24px 28px; } .wj5e2 { max-width: 1400px; margin: 0 auto; } .jvrt1 { display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 40px;padding-bottom: 36px;margin-bottom: 24px; } .ux71i { min-width: 0; } .nkoro { color: #fff;font-weight: 800;font-size: 13px;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 18px; } .mo4r7 { display: block;color: #9CA3AF;font-size: 15px;text-decoration: none;margin-bottom: 4px;padding: 6px 0;min-height: 36px;transition: color 0.15s; } .mo4r7:hover { color: #fff; } .tq3py { color: #9CA3AF; font-size: 13px; line-height: 1.8; } .cbntm { color: #fff; font-weight: 700; font-size: 13px; margin-bottom: 12px; } .p6vk6 { color: #9CA3AF; font-size: 12px; line-height: 1.7; margin-top: 24px; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 20px; } .rbq9d { display: flex;flex-direction: column;align-items: center;gap: 12px;padding-top: 8px; } @media (max-width: 1024px) {.y4pmk { grid-template-columns: repeat(5, 1fr); }.p21ku { gap: 10px; }.jvrt1 { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }.vq3s9 .v0o5y { padding: 140px 40px 80px;max-width: 55%;margin: 0 0 0 40px; } } @media (max-width: 768px) {.dtkvq .ateey th, .dtkvq .ateey td, .vq3s9 ~ main .ateey th, .vq3s9 ~ main .ateey td, .vq3s9 ~ main .ateey table th, .vq3s9 ~ main .ateey table td { padding: 9px 13px; font-size: 13px; line-height: 1.35; }.dtkvq .ateey th, .vq3s9 ~ main .ateey th, .vq3s9 ~ main .ateey table th { font-size: 11.5px;letter-spacing: 0.5px; }.dtkvq .ateey table, .vq3s9 ~ main .ateey table { margin: 16px 0; }.dtkvq .em2bm table, .vq3s9 ~ main .em2bm table { min-width: 0;width: 100%;table-layout: fixed; }.dtkvq .ateey th, .dtkvq .ateey td, .vq3s9 ~ main .ateey th, .vq3s9 ~ main .ateey td { white-space: normal; overflow-wrap: break-word; word-break: break-word; text-align: left; vertical-align: top; }.dtkvq .ateey th:first-child, .dtkvq .ateey td:first-child, .vq3s9 ~ main .ateey th:first-child, .vq3s9 ~ main .ateey td:first-child { width: 40%; }.dtkvq .ateey th, .vq3s9 ~ main .ateey th, .vq3s9 ~ main .ateey table th { background: #A855F714; }.dtkvq .ateey td + td, .dtkvq .ateey th + th, .vq3s9 ~ main .ateey td + td, .vq3s9 ~ main .ateey th + th { border-left: 1px solid rgba(255,255,255,0.06); }.b7ca0 { padding: 0 16px; }.elqon { display: flex; justify-content: space-between; height: 60px; }.z38cx { display: none; }.zsvm2 img { max-height: 36px; max-width: 140px; }.j996o { font-size: 18px; }.zsvm2 { padding: 0; }.o22q0 { padding: 8px 16px; font-size: 12px; }.vlp7v { font-size: 13px; }.vlp7v svg { width: 18px; height: 18px; }.vq3s9 .vohpr { min-height: 380px; }.vq3s9 .z6tih { min-height: 380px; display: flex; flex-direction: column; }.vq3s9 .su2md { background: linear-gradient(to top, #170d21 10%, #170d21dd 40%, #170d2188 60%, transparent 85%); }.vq3s9 .v0o5y { padding: 84px 20px 40px;width: 100%;max-width: 100%;position: relative;flex: 1;justify-content: flex-end;align-items: center;text-align: center;top: auto;bottom: auto;left: auto;right: auto;margin: 0; }.vq3s9 .uhg5x { font-size: 32px;text-wrap: balance; }.vq3s9 .eo9y7 { font-size: 13px; }.vq3s9 .ya59j { bottom: 12px; }.n4qc1 { padding: 0 16px; }.uhbg8 { flex-direction: column; align-items: stretch; padding: 20px 18px; gap: 16px; }.pjkk7 { flex-direction: column; align-items: center; text-align: center; gap: 12px; }.v2qm8 { width: 64px; height: 64px; border-radius: 18px; }.yj3ja svg { width: 34px; height: 34px; }.ygxww { justify-content: center; }.num3o { font-size: 20px; }.yhmr0 { width: 100%;justify-content: center;padding: 14px; }.yvy94 { padding: 0 16px; margin-bottom: 24px; }.twnbj { justify-content: flex-start;gap: 8px;padding-bottom: 4px; }.en6zt { flex-direction: row; gap: 7px; padding: 9px 15px; min-width: 0; font-size: 13px; border-radius: 999px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.09); flex-shrink: 0; }.en6zt svg { width: 16px; height: 16px; color: #A855F7; }.en6zt.k65ur { background: #A855F7; color: var(--v9zm-accent-text, #06281a); border-color: #A855F7; border-bottom-color: #A855F7; }.en6zt.k65ur svg { color: var(--v9zm-accent-text, #06281a); }.eh2q5 { display: none; }.x8qw2 { margin-bottom: 20px;padding: 0 16px; }.qbmu6 { font-size: 18px; }.y4pmk { grid-template-columns: repeat(3, 1fr); gap: 8px; }.vyhvl { display: none; }.hv7ny { border-radius: 10px; }.kvzzs { margin-top: 12px; }.muicp { padding: 0 16px; margin-bottom: 24px; }.p21ku { flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;justify-content: flex-start;padding-bottom: 4px;gap: 8px; }.p21ku::-webkit-scrollbar { display: none; }.cjvzn { padding: 12px 8px; font-size: 11px; }.s3rjk { width: 30vw; min-width: 30vw; min-height: 56px; padding: 8px 10px; flex-shrink: 0; box-sizing: border-box; }.dtkvq .ateey th, .vq3s9 ~ main .ateey th, .dtkvq .ateey td, .vq3s9 ~ main .ateey td { padding: 14px 16px; font-size: 13px; white-space: nowrap; }.dtkvq .ul3se, .vq3s9 ~ main .ul3se { font-size: 18px; }.dtkvq .aw1ur, .vq3s9 ~ main .aw1ur { font-size: 14px;line-height: 1.7; }.dtkvq .x0r89 { font-size: 22px; margin-bottom: 20px; padding-bottom: 12px; }.dtkvq .mu2dq { grid-template-columns: 1fr; }.dtkvq .mu2dq > div:first-child { border-right: none; padding-right: 0; border-bottom: 2px solid #A855F720; padding-bottom: 24px; margin-bottom: 4px; }.dtkvq .mu2dq > div:last-child { padding-left: 0; padding-top: 24px; }.dtkvq .mu2dq > div > div:first-child { font-size: 14px; }.dtkvq .uss79 { grid-template-columns: 1fr;gap: 20px;padding: 24px 0; }.dtkvq .lez7q { padding: 24px 20px; }.dtkvq .ezdtc { font-size: 56px; }.dtkvq .ateey h2 { font-size: 22px;margin: 32px 0 12px; }.dtkvq .ateey h3 { font-size: 19px; margin: 24px 0 10px; }.dtkvq .qrgo6 { padding: 0 0 0 16px !important; border-left-width: 2px; }.dtkvq .svz1g { padding: 20px 16px; grid-template-columns: 1fr; gap: 16px; }.dtkvq .voqi0 { font-size: 28px; }.dtkvq .fc3mk { font-size: 18px; }.dtkvq .bpxlz { padding: 14px 32px; font-size: 14px; width: 100%; text-align: center; }.dtkvq .i8v0p .ysbe4 { padding: 14px 0; }.dtkvq .ikoi2 { grid-template-columns: 1fr 1fr; gap: 10px; }.dtkvq .gwq65 { padding: 14px 12px; }.dtkvq .pkabs { grid-template-columns: 1fr !important; gap: 20px !important; padding: 20px 0; }.dtkvq .ztg1v { padding: 20px 16px !important; }.dtkvq .i92er { grid-template-columns: 1fr !important; }.dtkvq .jrb9w { padding: 16px 0 !important; }.dtkvq .i6l8n .ooaad { padding: 8px 14px; font-size: 12px; }.dtkvq .bip6b { height: 140px; }.dtkvq .ah5ud { font-size: 16px; padding: 14px 0; min-height: 48px; }.dtkvq .ul3se span:last-child { width: 32px; height: 32px; font-size: 16px; }.dtkvq .mn7pi { transform: translateY(16px); }.phyw6 { padding: 36px 16px 20px; }.jvrt1 { grid-template-columns: 1fr;gap: 28px; }.dtkvq main, .vq3s9 ~ main { padding: 24px 16px; gap: 28px; } } @media (max-width: 480px) {.vq3s9 .vohpr { min-height: 300px; }.vq3s9 .z6tih { min-height: 300px; }.vq3s9 .uhg5x { font-size: 24px; }.vq3s9 .eo9y7 { font-size: 12px; }.y4pmk { grid-template-columns: repeat(3, 1fr); gap: 6px; }.s3rjk { width: 30vw; min-width: 30vw; min-height: 50px; padding: 6px 8px; }.en6zt { padding: 8px 13px; font-size: 12px; }.en6zt svg { width: 15px; height: 15px; }.num3o { font-size: 18px; }.ceao9 { font-size: 11px; }.dtkvq .x0r89 { font-size: 20px;padding-bottom: 10px;margin-bottom: 16px; }.dtkvq .ateey h2 { font-size: 20px; }.dtkvq .ateey h3 { font-size: 18px; }.dtkvq .ateey p { font-size: 15px; line-height: 1.7; }.dtkvq .mu2dq > div > div:first-child { font-size: 13px; letter-spacing: 1.5px; }.dtkvq .mu2dq > div > div:not(:first-child) { font-size: 14px; padding: 10px 0; }.dtkvq .uss79 { padding: 16px 0; }.dtkvq .lez7q { padding: 20px 16px; }.dtkvq .ezdtc { font-size: 48px; }.dtkvq .ul3se { font-size: 16px; }.dtkvq .aw1ur { font-size: 14px; }.dtkvq .ul3se span:last-child { width: 28px; height: 28px; font-size: 14px; }.dtkvq .voqi0 { font-size: 24px; }.dtkvq .fc3mk { font-size: 16px; }.dtkvq .ikoi2 { grid-template-columns: 1fr; }.dtkvq .i8v0p .ysbe4 { grid-template-columns: 24px 1fr;gap: 8px; } } .jc40d main { max-width: 1200px; width: 100%; margin: 0 auto; padding: 32px 24px; display: grid; gap: 40px; } .jc40d .eexsx { scroll-margin-top: 100px; } @media (max-width: 768px) {.jc40d main { padding: 24px 16px;gap: 28px; } } body,.b7ca0,.phyw6{font-family:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif} .eq-shell{display:flex;flex-direction:column;min-height:100vh} .eq-main{flex:1 1 auto} .eq-plate{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#A855F7,#EC4899);color:#fff;font-weight:800;font-size:13px;letter-spacing:.5px;margin-right:8px} .eq-name{color:#fff;font-weight:700} .x8qw2{max-width:1240px;margin:0 auto;padding:18px 16px} .yvy94{max-width:1240px;margin:0 auto;padding:0 16px} .eq-hero{background:radial-gradient(120% 120% at 15% 20%,#2a1240 0%,#170d21 45%,#0b0d12 100%);border-radius:18px;overflow:hidden;margin:18px auto;max-width:1240px;min-height:320px;display:flex;align-items:center} .eq-hero .v0o5y{padding:42px 38px} .eq-hero .uhg5x{font-size:34px;line-height:1.15;font-weight:800;color:#fff;max-width:720px} .eq-hero .eo9y7{margin:14px 0 20px;color:#c9c5d4;max-width:620px} .eq-hero .m00ae{display:inline-block;padding:12px 22px;border-radius:12px;background:linear-gradient(135deg,#A855F7,#EC4899);color:#fff;font-weight:700;text-decoration:none} .eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:14px} .eq-tile{display:block} .eq-tile__in{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:18px;border-radius:16px;background:#170d21;border:1px solid rgba(168,85,247,.25);text-decoration:none;transition:transform .15s,border-color .15s} .eq-tile__in:hover{transform:translateY(-3px);border-color:#A855F7} .eq-tile .t7o2x{color:#fff;font-weight:600;font-size:17px;line-height:1.35} .eq-tile__date{color:#9CA3AF;font-size:12px} .eq-tile .zpzgu{margin-top:auto;color:#A855F7;font-weight:600;font-size:13px} .eq-platforms{margin-top:14px;background:#170d21;border:1px solid rgba(168,85,247,.18);border-radius:18px;padding:18px} .eq-prose{max-width:900px;color:#d7d3e0;line-height:1.75;margin-top:14px} .eq-prose h2,.eq-prose h3{color:#fff} .eq-prose a{color:#A855F7} .eq-crumbs{display:flex;gap:8px;flex-wrap:wrap;color:#9CA3AF;font-size:13px;margin:6px 0 12px} .eq-crumbs a{color:#A855F7;text-decoration:none} .eq-lead{color:#c9c5d4;max-width:820px;margin:8px 0 12px} .eq-h2{color:#fff;margin:22px 0 10px} .eq-meta{display:flex;gap:16px;flex-wrap:wrap;color:#9CA3AF;font-size:13px;margin:10px 0 4px} .eq-meta a{color:#A855F7;text-decoration:none} .eq-comments{margin-top:30px} .eq-comment{background:#170d21;border-radius:12px;padding:14px 16px;margin:10px 0} .eq-comment__meta{display:flex;gap:10px;color:#9CA3AF;font-size:12px;margin-bottom:6px} .eq-comment__meta b{color:#fff} .eq-pager a{color:#A855F7;margin-right:8px}