:root {
    --bbe0d0fb: #111111;
    --nca7addc: #191224;
    --t1fd6dd5: #27204c;
    --ac1d6b34: #130b38;
    --ed965c6f: #111111;
    --k59532e4: #191224;

    --b2a3b254: #f4ce2a;
    --x404d6e2: #dc2626;
    --yffa8de1: #4f46e5;

    --o443f0a2: #d7fafc;
    --bf3435a8: #63c3f1;
    --c65993b4: #d7fafc;
    --j4e3ef5f: #a5ecfc;
    --w171a226: #d7fafc;
    --f31327c5: #3c316d;
    --ua170f99: #c9d7e9;
    --d71ff435: #9fd0ad;
    --l6021d9c: #f4ce2a;

    --g187b41b: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --maf5df27: 16px;
    --qb21ede0: 6px;
    --k961546e: 12px;
    --meb51e95: 24px;
    --j9056b5b: 1200px;
    --kc1134d8: 72px;
    --fb634327: 0.3s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body.x0524bf {
    font-family: var(--g187b41b);
    font-size: var(--maf5df27);
    background-color: var(--nca7addc);
    color: var(--o443f0a2);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; transition: color var(--fb634327); }
img { max-width: 100%; height: auto; display: block; }
ul { padding-left: 40px; list-style: disc; }

.qfc0f83, .j78db15 { list-style: none; padding-left: 0; }
.i94ad19 { width: 100%; max-width: var(--j9056b5b); margin: 0 auto; padding: 0 20px; }

.z46c41a {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--qb21ede0);
    font-weight: 600; cursor: pointer; transition: all var(--fb634327);
    border: 2px solid transparent; text-align: center;
}
.m22a459 { background-color: var(--b2a3b254); color: var(--f31327c5); }
.m22a459:hover { background-color: var(--x404d6e2); transform: translateY(-2px); }
.l754f85 { background-color: transparent; border-color: var(--yffa8de1); color: var(--w171a226); }
.l754f85:hover { border-color: var(--bf3435a8); background-color: rgba(255, 255, 255, 0.05); }
.md87200 { padding: 6px 14px; font-size: 0.875rem; }
.f7a53ea { padding: 14px 32px; font-size: 1rem; border-radius: var(--k961546e); }

.q6a55aa {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--bbe0d0fb);
    border-bottom: 1px solid var(--yffa8de1);
    height: var(--kc1134d8);
}
.ibb7c6c { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.v4dd4eb { display: flex; align-items: center; gap: 16px; }

.nfb1431 {
    display: none; flex-direction: column; justify-content: space-between;
    width: 24px; height: 18px; background: transparent; border: none; cursor: pointer;
}
.d34280e { width: 100%; height: 2px; background-color: var(--o443f0a2); transition: var(--fb634327); }

.qfc0f83 { display: flex; gap: 32px; }
.x26b2bb { font-weight: 500; color: var(--l6021d9c); }
.x26b2bb:hover { color: var(--b2a3b254); }
.cc4c418 { display: flex; gap: 12px; }

.v722ca0 { padding: 20px 0; background-color: var(--nca7addc); }
.w4a964b {
    position: relative; width: 100%; min-height: 420px; border-radius: var(--meb51e95);
    overflow: hidden; display: flex; align-items: center; justify-content: center;
    padding: 40px 20px; background: url('preview.jpg') center/cover no-repeat;
}
.k2f36ba {
    position: relative; z-index: 2; background-color: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
    padding: 35px 45px; border-radius: var(--k961546e); text-align: center;
    max-width: 650px; border: 1px solid rgba(255, 255, 255, 0.15);
}
.j58ae21 { font-size: clamp(1.5rem, 4vw, 2.2rem); line-height: 1.2; margin-bottom: 12px; font-weight: 800; color: var(--ua170f99); text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
.t5b656e { font-size: clamp(0.9rem, 2vw, 1.4rem); font-weight: 600; color: var(--d71ff435); margin-bottom: 24px; text-shadow: 0 1px 10px rgba(0, 0, 0, 1.5); }

.s2221ba { padding: 10px 0; }
.r4f5e7f { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.g11a2e5 { font-size: 1.25rem; font-weight: 700; color: var(--c65993b4); }
.l73b9c2 { color: var(--j4e3ef5f); font-weight: 600; }
.l73b9c2:hover { text-decoration: underline; }

.rcd1da3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 20px; }
.k4a2bba { position: relative; border-radius: var(--k961546e); overflow: hidden; aspect-ratio: 3/4; background-color: var(--t1fd6dd5); }
.gf00214 { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.u4e14ec { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.8); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: opacity var(--fb634327); padding: 16px; text-align: center; }
.k4a2bba:hover .gf00214 { transform: scale(1.1); }
.k4a2bba:hover .u4e14ec { opacity: 1; }
.x5315ce { font-weight: 700; margin-bottom: 16px; font-size: 1.125rem; color: #fff; }
.mcfd4a0 { display: flex; flex-direction: column; gap: 8px; width: 100%; }

.d9a852b { background-color: var(--t1fd6dd5); padding: 40px; border-radius: var(--meb51e95); }
.d9a852b h2, .d9a852b h3 { margin: 32px 0 16px; color: var(--o443f0a2); }
.d9a852b h2:first-child { margin-top: 0; }
.d9a852b p { color: var(--bf3435a8); margin-bottom: 20px; }

.bad4a94 { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--qb21ede0); border: 1px solid var(--yffa8de1); }
.n56a3ce { width: 100%; border-collapse: collapse; min-width: 600px; }
.n56a3ce th, .n56a3ce td { padding: 16px; text-align: left; border-bottom: 1px solid var(--yffa8de1); }
.n56a3ce th { background-color: var(--ac1d6b34); font-weight: 600; color: var(--o443f0a2); }
.n56a3ce tr:last-child td { border-bottom: none; }

.s58adaf { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.t51d032 { background-color: var(--t1fd6dd5); border-radius: var(--k961546e); border: 1px solid var(--yffa8de1); overflow: hidden; }
.ie09efa { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--o443f0a2); }
.ie09efa::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--b2a3b254); transition: transform var(--fb634327); }
.t51d032[open] .ie09efa::after { transform: translateY(-50%) rotate(45deg); }
.w406a56 { padding: 0 20px 20px; color: var(--bf3435a8); }

.p98967f { background-color: var(--ed965c6f); padding: 32px 0; border-top: 1px solid var(--yffa8de1); }
.o288b4a { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.y66d39a { background-color: var(--k59532e4); padding: 40px 0; border-top: 1px solid var(--yffa8de1); }
.j78db15 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.j78db15 a { color: var(--l6021d9c); }
.j78db15 a:hover { color: var(--b2a3b254); }
.k1c7b64 { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.y3d70de { width: 40px; height: 40px; border: 2px solid var(--bf3435a8); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--bf3435a8); }
.g85a3db { color: var(--bf3435a8); font-size: 0.875rem; }

@media (max-width: 992px) {
    .rcd1da3 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .nfb1431 { display: flex; }
    .iacddff { position: fixed; top: var(--kc1134d8); left: -100%; width: 100%; height: calc(100vh - var(--kc1134d8)); background-color: var(--t1fd6dd5); transition: left var(--fb634327); padding: 24px; overflow-y: auto; }
    .iacddff.j473ed6 { left: 0; }
    .qfc0f83 { flex-direction: column; gap: 24px; }
    .x26b2bb { font-size: 1.25rem; }
    .cc4c418 .l754f85 { display: none; }
    .d9a852b { padding: 24px; }
    .w4a964b { min-height: 320px; padding: 20px 10px; }
    .k2f36ba { padding: 25px 20px; }
}

#t6d6a6d { display: flex; align-items: center; justify-content: center; gap: 30px; }
#t6d6a6d svg path { fill: #ffffff; }