:root {
    --ab6487fe: #2e134a;
    --i8108bfa: #191a26;
    --t524204d: #261a32;
    --h3fe9fe3: #2c1645;
    --nf20cbd4: #261a32;
    --p0354d8a: #191a26;

    --o17d25c6: #f24d15;
    --o871d3cc: #dc2626;
    --m248bd0d: #5a098c;

    --xf164292: #fcfcff;
    --x20c71e1: #cdced3;
    --n365d5da: #9097a9;
    --w9287641: #ca7524;
    --n0cf17bb: #fffefb;
    --s7e17de0: #fffefb;
    --i27057b8: #feeaff;
    --s9cd8f2e: #fae9cf;
    --n60f90ad: #da9954;

    --a00163be: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --d67a7f05: 16px;
    --i6632ecb: 6px;
    --ofd092f5: 12px;
    --b66c909f: 24px;
    --u9dca7f9: 1200px;
    --fe31032d: 72px;
    --q4761ff7: 0.3s ease;
}

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

body.k016288 {
    font-family: var(--a00163be);
    font-size: var(--d67a7f05);
    background-color: var(--i8108bfa);
    color: var(--xf164292);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

.n188895, .ac8afe9 { list-style: none; padding-left: 0; }
.v91a730 { width: 100%; max-width: var(--u9dca7f9); margin: 0 auto; padding: 0 20px; }

.h722f27 {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--i6632ecb);
    font-weight: 600; cursor: pointer; transition: all var(--q4761ff7);
    border: 2px solid transparent; text-align: center;
}
.m5fc1f6 { background-color: var(--o17d25c6); color: var(--s7e17de0); }
.m5fc1f6:hover { background-color: var(--o871d3cc); transform: translateY(-2px); }
.r1dfb31 { background-color: transparent; border-color: var(--m248bd0d); color: var(--n0cf17bb); }
.r1dfb31:hover { border-color: var(--x20c71e1); background-color: rgba(255, 255, 255, 0.05); }
.wec6ab2 { padding: 6px 14px; font-size: 0.875rem; }
.o7c012f { padding: 14px 32px; font-size: 1rem; border-radius: var(--ofd092f5); }

.h8535da {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--ab6487fe);
    border-bottom: 1px solid var(--m248bd0d);
    height: var(--fe31032d);
}
.ae3c07f { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.j933ddf { display: flex; align-items: center; gap: 16px; }

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

.n188895 { display: flex; gap: 32px; }
.v9ba0f4 { font-weight: 500; color: var(--n60f90ad); }
.v9ba0f4:hover { color: var(--o17d25c6); }
.h76a43d { display: flex; gap: 12px; }

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

.g322177 { padding: 10px 0; }
.g4063a8 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.s7343b2 { font-size: 1.25rem; font-weight: 700; color: var(--n365d5da); }
.tc9ee65 { color: var(--w9287641); font-weight: 600; }
.tc9ee65:hover { text-decoration: underline; }

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

.d768dd2 { background-color: var(--t524204d); padding: 40px; border-radius: var(--b66c909f); }
.d768dd2 h2, .d768dd2 h3 { margin: 32px 0 16px; color: var(--xf164292); }
.d768dd2 h2:first-child { margin-top: 0; }
.d768dd2 p { color: var(--x20c71e1); margin-bottom: 20px; }

.y8377e0 { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--i6632ecb); border: 1px solid var(--m248bd0d); }
.u033990 { width: 100%; border-collapse: collapse; min-width: 600px; }
.u033990 th, .u033990 td { padding: 16px; text-align: left; border-bottom: 1px solid var(--m248bd0d); }
.u033990 th { background-color: var(--h3fe9fe3); font-weight: 600; color: var(--xf164292); }
.u033990 tr:last-child td { border-bottom: none; }

.h45a3d1 { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.c9e865f { background-color: var(--t524204d); border-radius: var(--ofd092f5); border: 1px solid var(--m248bd0d); overflow: hidden; }
.ffe836c { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--xf164292); }
.ffe836c::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--o17d25c6); transition: transform var(--q4761ff7); }
.c9e865f[open] .ffe836c::after { transform: translateY(-50%) rotate(45deg); }
.n6b7d0a { padding: 0 20px 20px; color: var(--x20c71e1); }

.n834162 { background-color: var(--nf20cbd4); padding: 32px 0; border-top: 1px solid var(--m248bd0d); }
.ac7fc95 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.ndde05b { background-color: var(--p0354d8a); padding: 40px 0; border-top: 1px solid var(--m248bd0d); }
.ac8afe9 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.ac8afe9 a { color: var(--n60f90ad); }
.ac8afe9 a:hover { color: var(--o17d25c6); }
.d56f272 { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.qc5bab3 { width: 40px; height: 40px; border: 2px solid var(--x20c71e1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--x20c71e1); }
.mf9d551 { color: var(--x20c71e1); font-size: 0.875rem; }

@media (max-width: 992px) {
    .j7774f3 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .x7ec08e { display: flex; }
    .q4809de { position: fixed; top: var(--fe31032d); left: -100%; width: 100%; height: calc(100vh - var(--fe31032d)); background-color: var(--t524204d); transition: left var(--q4761ff7); padding: 24px; overflow-y: auto; }
    .q4809de.jc8266d { left: 0; }
    .n188895 { flex-direction: column; gap: 24px; }
    .v9ba0f4 { font-size: 1.25rem; }
    .h76a43d .r1dfb31 { display: none; }
    .d768dd2 { padding: 24px; }
    .o704216 { min-height: 320px; padding: 20px 10px; }
    .x6f7be0 { padding: 25px 20px; }
}

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