:root {
    --d657d34c: #2d3a42;
    --b0b3f6b1: #181d21;
    --d12a60c7: #f0f0f0;
    --v1213632: #cecfd3;
    --wea2cfa4: #2d3a42;
    --ha837fbd: #181d21;

    --i735b374: #649aa6;
    --a5164715: #dc2626;
    --bbb0a506: #2d3a42;

    --p02e83cd: #998b66;
    --re3d33c9: #b7a189;
    --kf08a0de: #e9e9e9;
    --n5715b92: #dbdbdb;
    --q621da71: #ededed;
    --m5519ad9: #ffffff;
    --y7fc4e2e: #eee5c4;
    --tb9b30c6: #b7b18f;
    --k9226757: #f4fa62;

    --e409c631: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --fd0285b7: 16px;
    --xed1fa7e: 6px;
    --z7c25148: 12px;
    --a038e510: 24px;
    --qfc656de: 1200px;
    --cbee2587: 72px;
    --ze41011f: 0.3s ease;
}

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

body.n00c2a9 {
    font-family: var(--e409c631);
    font-size: var(--fd0285b7);
    background-color: var(--b0b3f6b1);
    color: var(--p02e83cd);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

.v352d72, .m33b83d { list-style: none; padding-left: 0; }
.x8fa3ac { width: 100%; max-width: var(--qfc656de); margin: 0 auto; padding: 0 20px; }

.g640fe7 {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--xed1fa7e);
    font-weight: 600; cursor: pointer; transition: all var(--ze41011f);
    border: 2px solid transparent; text-align: center;
}
.sf1fbed { background-color: var(--i735b374); color: var(--m5519ad9); }
.sf1fbed:hover { background-color: var(--a5164715); transform: translateY(-2px); }
.j8dd31a { background-color: transparent; border-color: var(--bbb0a506); color: var(--q621da71); }
.j8dd31a:hover { border-color: var(--re3d33c9); background-color: rgba(255, 255, 255, 0.05); }
.j34e60b { padding: 6px 14px; font-size: 0.875rem; }
.lbde81b { padding: 14px 32px; font-size: 1rem; border-radius: var(--z7c25148); }

.v328fa4 {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--d657d34c);
    border-bottom: 1px solid var(--bbb0a506);
    height: var(--cbee2587);
}
.ve2e269 { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.l359a3e { display: flex; align-items: center; gap: 16px; }

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

.v352d72 { display: flex; gap: 32px; }
.y1dd73f { font-weight: 500; color: var(--k9226757); }
.y1dd73f:hover { color: var(--i735b374); }
.q5c8395 { display: flex; gap: 12px; }

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

.n215fbb { padding: 10px 0; }
.b61b85a { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.ib62a09 { font-size: 1.25rem; font-weight: 700; color: var(--kf08a0de); }
.nded4a3 { color: var(--n5715b92); font-weight: 600; }
.nded4a3:hover { text-decoration: underline; }

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

.d3cdccc { background-color: var(--d12a60c7); padding: 40px; border-radius: var(--a038e510); }
.d3cdccc h2, .d3cdccc h3 { margin: 32px 0 16px; color: var(--p02e83cd); }
.d3cdccc h2:first-child { margin-top: 0; }
.d3cdccc p { color: var(--re3d33c9); margin-bottom: 20px; }

.t3bc1e6 { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--xed1fa7e); border: 1px solid var(--bbb0a506); }
.f413522 { width: 100%; border-collapse: collapse; min-width: 600px; }
.f413522 th, .f413522 td { padding: 16px; text-align: left; border-bottom: 1px solid var(--bbb0a506); }
.f413522 th { background-color: var(--v1213632); font-weight: 600; color: var(--p02e83cd); }
.f413522 tr:last-child td { border-bottom: none; }

.ja90de8 { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.p29563b { background-color: var(--d12a60c7); border-radius: var(--z7c25148); border: 1px solid var(--bbb0a506); overflow: hidden; }
.q824e0d { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--p02e83cd); }
.q824e0d::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--i735b374); transition: transform var(--ze41011f); }
.p29563b[open] .q824e0d::after { transform: translateY(-50%) rotate(45deg); }
.q2958e9 { padding: 0 20px 20px; color: var(--re3d33c9); }

.s0b2ab6 { background-color: var(--wea2cfa4); padding: 32px 0; border-top: 1px solid var(--bbb0a506); }
.ce10e5d { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.jf8a230 { background-color: var(--ha837fbd); padding: 40px 0; border-top: 1px solid var(--bbb0a506); }
.m33b83d { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.m33b83d a { color: var(--k9226757); }
.m33b83d a:hover { color: var(--i735b374); }
.rf16cfb { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.yfb6bd4 { width: 40px; height: 40px; border: 2px solid var(--re3d33c9); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--re3d33c9); }
.y91b4a2 { color: var(--re3d33c9); font-size: 0.875rem; }

@media (max-width: 992px) {
    .i71aaf3 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .x93a533 { display: flex; }
    .i788505 { position: fixed; top: var(--cbee2587); left: -100%; width: 100%; height: calc(100vh - var(--cbee2587)); background-color: var(--d12a60c7); transition: left var(--ze41011f); padding: 24px; overflow-y: auto; }
    .i788505.v79ad82 { left: 0; }
    .v352d72 { flex-direction: column; gap: 24px; }
    .y1dd73f { font-size: 1.25rem; }
    .q5c8395 .j8dd31a { display: none; }
    .d3cdccc { padding: 24px; }
    .ga8526e { min-height: 320px; padding: 20px 10px; }
    .f62b6cf { padding: 25px 20px; }
}

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