:root {
    --r103093: #2d2f3b;
    --l4bb229: #dddddd;
    --if5eccb: #ffffff;
    --e575ea0: #e8e8e8;
    --ee066fd: #2d2f3a;
    --q7f9efc: #575861;

    --r834261: #60b802;
    --t4baad8: #dc2626;
    --bbff68c: #575861;

    --e488824: #484953;
    --c4931ee: #26292c;
    --r99141e: #26292c;
    --lb480e6: #484953;
    --i433ae3: #ffffff;
    --b183c19: #ffffff;
    --lb7dae3: #ffffff;
    --t8fbfb7: #ffffff;
    --dc86180: #ffffff;

    --xa75c72: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --qa45367: 16px;
    --w546c2f: 6px;
    --b63f984: 12px;
    --xa37e43: 24px;
    --p4d18e4: 1200px;
    --nce657a: 72px;
    --r266340: 0.3s ease;
}

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

body.t761477 {
    font-family: var(--xa75c72);
    font-size: var(--qa45367);
    background-color: var(--l4bb229);
    color: var(--e488824);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

.g0038bc, .qb12fd4 { list-style: none; padding-left: 0; }
.bfb8b79 { width: 100%; max-width: var(--p4d18e4); margin: 0 auto; padding: 0 20px; }

.uc299d3 {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--w546c2f);
    font-weight: 600; cursor: pointer; transition: all var(--r266340);
    border: 2px solid transparent; text-align: center;
}
.n0ae010 { background-color: var(--r834261); color: var(--b183c19); }
.n0ae010:hover { background-color: var(--t4baad8); transform: translateY(-2px); }
.u9e0903 { background-color: transparent; border-color: var(--bbff68c); color: var(--i433ae3); }
.u9e0903:hover { border-color: var(--c4931ee); background-color: rgba(255, 255, 255, 0.05); }
.s153546 { padding: 6px 14px; font-size: 0.875rem; }
.cb95599 { padding: 14px 32px; font-size: 1rem; border-radius: var(--b63f984); }

.q45d16e {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--r103093);
    border-bottom: 1px solid var(--bbff68c);
    height: var(--nce657a);
}
.l93fb8d { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.n55cd76 { display: flex; align-items: center; gap: 16px; }

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

.g0038bc { display: flex; gap: 32px; }
.abab642 { font-weight: 500; color: var(--dc86180); }
.abab642:hover { color: var(--r834261); }
.d187468 { display: flex; gap: 12px; }

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

.idb77e4 { padding: 10px 0; }
.aa4ff7e { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.p636de3 { font-size: 1.25rem; font-weight: 700; color: var(--r99141e); }
.x275602 { color: var(--lb480e6); font-weight: 600; }
.x275602:hover { text-decoration: underline; }

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

.o077158 { background-color: var(--if5eccb); padding: 40px; border-radius: var(--xa37e43); }
.o077158 h2, .o077158 h3 { margin: 32px 0 16px; color: var(--e488824); }
.o077158 h2:first-child { margin-top: 0; }
.o077158 p { color: var(--c4931ee); margin-bottom: 20px; }

.m40a7b0 { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--w546c2f); border: 1px solid var(--bbff68c); }
.hd01065 { width: 100%; border-collapse: collapse; min-width: 600px; }
.hd01065 th, .hd01065 td { padding: 16px; text-align: left; border-bottom: 1px solid var(--bbff68c); }
.hd01065 th { background-color: var(--e575ea0); font-weight: 600; color: var(--e488824); }
.hd01065 tr:last-child td { border-bottom: none; }

.l77bae3 { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.t4b0bf1 { background-color: var(--if5eccb); border-radius: var(--b63f984); border: 1px solid var(--bbff68c); overflow: hidden; }
.k47bab8 { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--e488824); }
.k47bab8::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--r834261); transition: transform var(--r266340); }
.t4b0bf1[open] .k47bab8::after { transform: translateY(-50%) rotate(45deg); }
.e091f20 { padding: 0 20px 20px; color: var(--c4931ee); }

.re864f7 { background-color: var(--ee066fd); padding: 32px 0; border-top: 1px solid var(--bbff68c); }
.kda289e { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.nc6dd49 { background-color: var(--q7f9efc); padding: 40px 0; border-top: 1px solid var(--bbff68c); }
.qb12fd4 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.qb12fd4 a { color: var(--dc86180); }
.qb12fd4 a:hover { color: var(--r834261); }
.ifc7648 { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.fd1ebfd { width: 40px; height: 40px; border: 2px solid var(--c4931ee); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--c4931ee); }
.v971804 { color: var(--c4931ee); font-size: 0.875rem; }

@media (max-width: 992px) {
    .yc9f390 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .v41d690 { display: flex; }
    .h5789ba { position: fixed; top: var(--nce657a); left: -100%; width: 100%; height: calc(100vh - var(--nce657a)); background-color: var(--if5eccb); transition: left var(--r266340); padding: 24px; overflow-y: auto; }
    .h5789ba.m0ff413 { left: 0; }
    .g0038bc { flex-direction: column; gap: 24px; }
    .abab642 { font-size: 1.25rem; }
    .d187468 .u9e0903 { display: none; }
    .o077158 { padding: 24px; }
    .r8d3174 { min-height: 320px; padding: 20px 10px; }
    .z610b4b { padding: 25px 20px; }
}

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