:root {
    --afaf5420: #2c134c;
    --vd6699dd: #321f3d;
    --l49040b1: #6e4680;
    --m6126dc8: #733a6f;
    --qe4b2f2f: #954d0a;
    --yabee754: #2c134c;

    --v6fa2eed: #ec8108;
    --b0bbc23b: #dc2626;
    --qb7eb654: #ee830a;

    --g409219a: #efeaf1;
    --na79dcf4: #ffe4d4;
    --r0514795: #ec7805;
    --q4489c08: #f37c1b;
    --c7b51e9a: #fadebe;
    --g1ec7488: #ffffff;
    --n50097e3: #f8d2a6;
    --f56677b1: #f1bdff;
    --ra43d057: #f37c05;

    --t09ff4ee: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --lfba7362: 16px;
    --yf3f34b2: 6px;
    --kfbbcef1: 12px;
    --l80da41b: 24px;
    --k22be0f9: 1200px;
    --t1967421: 72px;
    --i7fb1426: 0.3s ease;
}

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

body.p47bfa3 {
    font-family: var(--t09ff4ee);
    font-size: var(--lfba7362);
    background-color: var(--vd6699dd);
    color: var(--g409219a);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

.u7c5322, .n55375a { list-style: none; padding-left: 0; }
.k13b0f5 { width: 100%; max-width: var(--k22be0f9); margin: 0 auto; padding: 0 20px; }

.i74a7cf {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--yf3f34b2);
    font-weight: 600; cursor: pointer; transition: all var(--i7fb1426);
    border: 2px solid transparent; text-align: center;
}
.b34adfe { background-color: var(--v6fa2eed); color: var(--g1ec7488); }
.b34adfe:hover { background-color: var(--b0bbc23b); transform: translateY(-2px); }
.b1e9a6d { background-color: transparent; border-color: var(--qb7eb654); color: var(--c7b51e9a); }
.b1e9a6d:hover { border-color: var(--na79dcf4); background-color: rgba(255, 255, 255, 0.05); }
.f19e64c { padding: 6px 14px; font-size: 0.875rem; }
.d63fa6c { padding: 14px 32px; font-size: 1rem; border-radius: var(--kfbbcef1); }

.a77bf3e {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--afaf5420);
    border-bottom: 1px solid var(--qb7eb654);
    height: var(--t1967421);
}
.xff9a57 { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.s8c2f48 { display: flex; align-items: center; gap: 16px; }

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

.u7c5322 { display: flex; gap: 32px; }
.r5f54d8 { font-weight: 500; color: var(--ra43d057); }
.r5f54d8:hover { color: var(--v6fa2eed); }
.b329427 { display: flex; gap: 12px; }

.udbe130 { padding: 20px 0; background-color: var(--vd6699dd); }
.o012ee0 {
    position: relative; width: 100%; min-height: 420px; border-radius: var(--l80da41b);
    overflow: hidden; display: flex; align-items: center; justify-content: center;
    padding: 40px 20px; background: url('preview.jpg') center/cover no-repeat;
}
.i3cbe1d {
    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(--kfbbcef1); text-align: center;
    max-width: 650px; border: 1px solid rgba(255, 255, 255, 0.15);
}
.dfe3a71 { font-size: clamp(1.5rem, 4vw, 2.2rem); line-height: 1.2; margin-bottom: 12px; font-weight: 800; color: var(--n50097e3); text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
.p3a5a63 { font-size: clamp(0.9rem, 2vw, 1.4rem); font-weight: 600; color: var(--f56677b1); margin-bottom: 24px; text-shadow: 0 1px 10px rgba(0, 0, 0, 1.5); }

.c5fa07b { padding: 10px 0; }
.o3f988b { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.z7583a9 { font-size: 1.25rem; font-weight: 700; color: var(--r0514795); }
.x29b2f2 { color: var(--q4489c08); font-weight: 600; }
.x29b2f2:hover { text-decoration: underline; }

.n28bdbb { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 20px; }
.w0b32df { position: relative; border-radius: var(--kfbbcef1); overflow: hidden; aspect-ratio: 3/4; background-color: var(--l49040b1); }
.za22dc0 { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.e2cb03b { 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(--i7fb1426); padding: 16px; text-align: center; }
.w0b32df:hover .za22dc0 { transform: scale(1.1); }
.w0b32df:hover .e2cb03b { opacity: 1; }
.gaca4f1 { font-weight: 700; margin-bottom: 16px; font-size: 1.125rem; color: #fff; }
.g8b956d { display: flex; flex-direction: column; gap: 8px; width: 100%; }

.va3b7c4 { background-color: var(--l49040b1); padding: 40px; border-radius: var(--l80da41b); }
.va3b7c4 h2, .va3b7c4 h3 { margin: 32px 0 16px; color: var(--g409219a); }
.va3b7c4 h2:first-child { margin-top: 0; }
.va3b7c4 p { color: var(--na79dcf4); margin-bottom: 20px; }

.kd14fdd { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--yf3f34b2); border: 1px solid var(--qb7eb654); }
.f6c5f9f { width: 100%; border-collapse: collapse; min-width: 600px; }
.f6c5f9f th, .f6c5f9f td { padding: 16px; text-align: left; border-bottom: 1px solid var(--qb7eb654); }
.f6c5f9f th { background-color: var(--m6126dc8); font-weight: 600; color: var(--g409219a); }
.f6c5f9f tr:last-child td { border-bottom: none; }

.m76e0eb { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.b5436c5 { background-color: var(--l49040b1); border-radius: var(--kfbbcef1); border: 1px solid var(--qb7eb654); overflow: hidden; }
.l961ad4 { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--g409219a); }
.l961ad4::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--v6fa2eed); transition: transform var(--i7fb1426); }
.b5436c5[open] .l961ad4::after { transform: translateY(-50%) rotate(45deg); }
.zfac4c3 { padding: 0 20px 20px; color: var(--na79dcf4); }

.x4e291c { background-color: var(--qe4b2f2f); padding: 32px 0; border-top: 1px solid var(--qb7eb654); }
.p4f9763 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.safef7b { background-color: var(--yabee754); padding: 40px 0; border-top: 1px solid var(--qb7eb654); }
.n55375a { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.n55375a a { color: var(--ra43d057); }
.n55375a a:hover { color: var(--v6fa2eed); }
.l069f1a { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.p41aca5 { width: 40px; height: 40px; border: 2px solid var(--na79dcf4); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--na79dcf4); }
.m47627f { color: var(--na79dcf4); font-size: 0.875rem; }

@media (max-width: 992px) {
    .n28bdbb { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .kbcbe68 { display: flex; }
    .n169104 { position: fixed; top: var(--t1967421); left: -100%; width: 100%; height: calc(100vh - var(--t1967421)); background-color: var(--l49040b1); transition: left var(--i7fb1426); padding: 24px; overflow-y: auto; }
    .n169104.r117540 { left: 0; }
    .u7c5322 { flex-direction: column; gap: 24px; }
    .r5f54d8 { font-size: 1.25rem; }
    .b329427 .b1e9a6d { display: none; }
    .va3b7c4 { padding: 24px; }
    .o012ee0 { min-height: 320px; padding: 20px 10px; }
    .i3cbe1d { padding: 25px 20px; }
}

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