:root {
    --d168007c: #f11158;
    --teb664ec: #b9004a;
    --n39752ab: #9c0f41;
    --ze435bc7: #ba0049;
    --i0d96d73: #b9004a;
    --i4293628: #9c0f41;

    --aaab9658: #fffc00;
    --q08ba1ab: #dc2626;
    --r68d32e8: #fdb144;

    --l128e495: #ffffff;
    --id0a77b4: #faef03;
    --tce0c36f: #faef03;
    --ga114c82: #faef03;
    --scfa133b: #faef03;
    --p97e2c0f: #841239;
    --ne339488: #fff100;
    --pa9dadb3: #da82a2;
    --o0bdbe9b: #fffc00;

    --qaa441ae: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --wa258808: 16px;
    --t2396082: 6px;
    --xea1aa90: 12px;
    --e5781ee8: 24px;
    --b9fc7051: 1200px;
    --x99ff099: 72px;
    --j731dd35: 0.3s ease;
}

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

body.ea04b88 {
    font-family: var(--qaa441ae);
    font-size: var(--wa258808);
    background-color: var(--teb664ec);
    color: var(--l128e495);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

.e6ebec9, .q8f2676 { list-style: none; padding-left: 0; }
.ib2870c { width: 100%; max-width: var(--b9fc7051); margin: 0 auto; padding: 0 20px; }

.x79d8a1 {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--t2396082);
    font-weight: 600; cursor: pointer; transition: all var(--j731dd35);
    border: 2px solid transparent; text-align: center;
}
.d687986 { background-color: var(--aaab9658); color: var(--p97e2c0f); }
.d687986:hover { background-color: var(--q08ba1ab); transform: translateY(-2px); }
.h2f61d3 { background-color: transparent; border-color: var(--r68d32e8); color: var(--scfa133b); }
.h2f61d3:hover { border-color: var(--id0a77b4); background-color: rgba(255, 255, 255, 0.05); }
.u05692a { padding: 6px 14px; font-size: 0.875rem; }
.g3aaf84 { padding: 14px 32px; font-size: 1rem; border-radius: var(--xea1aa90); }

.lccd120 {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--d168007c);
    border-bottom: 1px solid var(--r68d32e8);
    height: var(--x99ff099);
}
.b43d25f { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.x5107b4 { display: flex; align-items: center; gap: 16px; }

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

.e6ebec9 { display: flex; gap: 32px; }
.a463d2f { font-weight: 500; color: var(--o0bdbe9b); }
.a463d2f:hover { color: var(--aaab9658); }
.l0e4716 { display: flex; gap: 12px; }

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

.id7235e { padding: 10px 0; }
.nd6a17b { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.vd9f375 { font-size: 1.25rem; font-weight: 700; color: var(--tce0c36f); }
.yfc155d { color: var(--ga114c82); font-weight: 600; }
.yfc155d:hover { text-decoration: underline; }

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

.mdd8f59 { background-color: var(--n39752ab); padding: 40px; border-radius: var(--e5781ee8); }
.mdd8f59 h2, .mdd8f59 h3 { margin: 32px 0 16px; color: var(--l128e495); }
.mdd8f59 h2:first-child { margin-top: 0; }
.mdd8f59 p { color: var(--id0a77b4); margin-bottom: 20px; }

.r1cea27 { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--t2396082); border: 1px solid var(--r68d32e8); }
.t79faa6 { width: 100%; border-collapse: collapse; min-width: 600px; }
.t79faa6 th, .t79faa6 td { padding: 16px; text-align: left; border-bottom: 1px solid var(--r68d32e8); }
.t79faa6 th { background-color: var(--ze435bc7); font-weight: 600; color: var(--l128e495); }
.t79faa6 tr:last-child td { border-bottom: none; }

.se4edfb { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.r32dde2 { background-color: var(--n39752ab); border-radius: var(--xea1aa90); border: 1px solid var(--r68d32e8); overflow: hidden; }
.ib3d588 { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--l128e495); }
.ib3d588::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--aaab9658); transition: transform var(--j731dd35); }
.r32dde2[open] .ib3d588::after { transform: translateY(-50%) rotate(45deg); }
.qca1ac4 { padding: 0 20px 20px; color: var(--id0a77b4); }

.f3fcb01 { background-color: var(--i0d96d73); padding: 32px 0; border-top: 1px solid var(--r68d32e8); }
.pb81efe { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.u36fed7 { background-color: var(--i4293628); padding: 40px 0; border-top: 1px solid var(--r68d32e8); }
.q8f2676 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.q8f2676 a { color: var(--o0bdbe9b); }
.q8f2676 a:hover { color: var(--aaab9658); }
.c2b0057 { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.u4bfd34 { width: 40px; height: 40px; border: 2px solid var(--id0a77b4); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--id0a77b4); }
.a65476d { color: var(--id0a77b4); font-size: 0.875rem; }

@media (max-width: 992px) {
    .m82e7a4 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .r1237df { display: flex; }
    .z7034d5 { position: fixed; top: var(--x99ff099); left: -100%; width: 100%; height: calc(100vh - var(--x99ff099)); background-color: var(--n39752ab); transition: left var(--j731dd35); padding: 24px; overflow-y: auto; }
    .z7034d5.kd077b1 { left: 0; }
    .e6ebec9 { flex-direction: column; gap: 24px; }
    .a463d2f { font-size: 1.25rem; }
    .l0e4716 .h2f61d3 { display: none; }
    .mdd8f59 { padding: 24px; }
    .l705cb0 { min-height: 320px; padding: 20px 10px; }
    .bca88a9 { padding: 25px 20px; }
}

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