:root {
    --u907d4d: #39023b;
    --qf27319: #ffffff;
    --sd48177: #f4f2ff;
    --b61b06c: #c4b4c4;
    --r1ea67f: #39023b;
    --xba23ab: #111111;

    --j3f417b: #ff5304;
    --m152b00: #dc2626;
    --me58497: #693f6a;

    --s0bafd8: #370038;
    --lec11f5: #9b7f9b;
    --j728034: #370038;
    --ab77967: #ed1900;
    --oc6f387: #ffffff;
    --ge6163d: #ffffff;
    --ac62603: #ffffff;
    --l6d2ce5: #ffffff;
    --a2cb05d: #c4b4c4;

    --a759948: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --u2f3468: 16px;
    --yea6101: 6px;
    --u85a935: 12px;
    --u4ad1fc: 24px;
    --h88ff87: 1200px;
    --m7be18e: 72px;
    --rdbe483: 0.3s ease;
}

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

body.w88adac {
    font-family: var(--a759948);
    font-size: var(--u2f3468);
    background-color: var(--qf27319);
    color: var(--s0bafd8);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

.z785643, .b20dd8e { list-style: none; padding-left: 0; }
.ba2b178 { width: 100%; max-width: var(--h88ff87); margin: 0 auto; padding: 0 20px; }

.jb8fe8f {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--yea6101);
    font-weight: 600; cursor: pointer; transition: all var(--rdbe483);
    border: 2px solid transparent; text-align: center;
}
.jffae4a { background-color: var(--j3f417b); color: var(--ge6163d); }
.jffae4a:hover { background-color: var(--m152b00); transform: translateY(-2px); }
.h76cc1d { background-color: transparent; border-color: var(--me58497); color: var(--oc6f387); }
.h76cc1d:hover { border-color: var(--lec11f5); background-color: rgba(255, 255, 255, 0.05); }
.ycdee1d { padding: 6px 14px; font-size: 0.875rem; }
.wa5d2ca { padding: 14px 32px; font-size: 1rem; border-radius: var(--u85a935); }

.u431fe2 {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--u907d4d);
    border-bottom: 1px solid var(--me58497);
    height: var(--m7be18e);
}
.rfd307f { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.s98930a { display: flex; align-items: center; gap: 16px; }

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

.z785643 { display: flex; gap: 32px; }
.t9a4f7a { font-weight: 500; color: var(--a2cb05d); }
.t9a4f7a:hover { color: var(--j3f417b); }
.zbe27b7 { display: flex; gap: 12px; }

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

.na05681 { padding: 10px 0; }
.ub8b5e6 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.ff2b37a { font-size: 1.25rem; font-weight: 700; color: var(--j728034); }
.x8b5c63 { color: var(--ab77967); font-weight: 600; }
.x8b5c63:hover { text-decoration: underline; }

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

.w485254 { background-color: var(--sd48177); padding: 40px; border-radius: var(--u4ad1fc); }
.w485254 h2, .w485254 h3 { margin: 32px 0 16px; color: var(--s0bafd8); }
.w485254 h2:first-child { margin-top: 0; }
.w485254 p { color: var(--lec11f5); margin-bottom: 20px; }

.c31976e { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--yea6101); border: 1px solid var(--me58497); }
.qaec358 { width: 100%; border-collapse: collapse; min-width: 600px; }
.qaec358 th, .qaec358 td { padding: 16px; text-align: left; border-bottom: 1px solid var(--me58497); }
.qaec358 th { background-color: var(--b61b06c); font-weight: 600; color: var(--s0bafd8); }
.qaec358 tr:last-child td { border-bottom: none; }

.ie3867b { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.k603e25 { background-color: var(--sd48177); border-radius: var(--u85a935); border: 1px solid var(--me58497); overflow: hidden; }
.k03ffaa { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--s0bafd8); }
.k03ffaa::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--j3f417b); transition: transform var(--rdbe483); }
.k603e25[open] .k03ffaa::after { transform: translateY(-50%) rotate(45deg); }
.ifa1d71 { padding: 0 20px 20px; color: var(--lec11f5); }

.t1b7921 { background-color: var(--r1ea67f); padding: 32px 0; border-top: 1px solid var(--me58497); }
.cc195df { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.jad0918 { background-color: var(--xba23ab); padding: 40px 0; border-top: 1px solid var(--me58497); }
.b20dd8e { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.b20dd8e a { color: var(--a2cb05d); }
.b20dd8e a:hover { color: var(--j3f417b); }
.c48ac93 { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.o28289c { width: 40px; height: 40px; border: 2px solid var(--lec11f5); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--lec11f5); }
.nf7cdd7 { color: var(--lec11f5); font-size: 0.875rem; }

@media (max-width: 992px) {
    .t9465a5 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .pfda6c1 { display: flex; }
    .j83a2c2 { position: fixed; top: var(--m7be18e); left: -100%; width: 100%; height: calc(100vh - var(--m7be18e)); background-color: var(--sd48177); transition: left var(--rdbe483); padding: 24px; overflow-y: auto; }
    .j83a2c2.wf72239 { left: 0; }
    .z785643 { flex-direction: column; gap: 24px; }
    .t9a4f7a { font-size: 1.25rem; }
    .zbe27b7 .h76cc1d { display: none; }
    .w485254 { padding: 24px; }
    .s7c08ef { min-height: 320px; padding: 20px 10px; }
    .v9190b8 { padding: 25px 20px; }
}

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