:root {
    --gc068690: #fffdf0;
    --b334187e: #fffdef;
    --bda2cb74: #fedd00;
    --b5be2f36: #dbbe00;
    --qf8ae380: #262208;
    --m4e37a72: #fedd00;

    --bb5dda0a: #10aac1;
    --q9179d77: #dc2626;
    --g005f74b: #262208;

    --t74d6cb1: #10292e;
    --n9a442b9: #484844;
    --g8aed256: #262208;
    --fe789a0f: #ccb100;
    --v5154fd6: #262208;
    --rc1f63fb: #f9fdfe;
    --v8a90927: #fedd00;
    --x8ad360b: #ffa099;
    --bd4d78a7: #353535;

    --b3dde8c9: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --laf343df: 16px;
    --r377512f: 6px;
    --n6ef6699: 12px;
    --n90a8f1b: 24px;
    --j9eea666: 1200px;
    --k548b882: 72px;
    --wbe01b50: 0.3s ease;
}

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

body.b3c95ee {
    font-family: var(--b3dde8c9);
    font-size: var(--laf343df);
    background-color: var(--b334187e);
    color: var(--t74d6cb1);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

.h50d91c, .y751c46 { list-style: none; padding-left: 0; }
.pf23ea4 { width: 100%; max-width: var(--j9eea666); margin: 0 auto; padding: 0 20px; }

.uf878ca {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 20px; border-radius: var(--r377512f);
    font-weight: 600; cursor: pointer; transition: all var(--wbe01b50);
    border: 2px solid transparent; text-align: center;
}
.h2ca58f { background-color: var(--bb5dda0a); color: var(--rc1f63fb); }
.h2ca58f:hover { background-color: var(--q9179d77); transform: translateY(-2px); }
.ycd8938 { background-color: transparent; border-color: var(--g005f74b); color: var(--v5154fd6); }
.ycd8938:hover { border-color: var(--n9a442b9); background-color: rgba(255, 255, 255, 0.05); }
.o605281 { padding: 6px 14px; font-size: 0.875rem; }
.n169000 { padding: 14px 32px; font-size: 1rem; border-radius: var(--n6ef6699); }

.e5fc9ff {
    position: sticky; top: 0; z-index: 100;
    background-color: var(--gc068690);
    border-bottom: 1px solid var(--g005f74b);
    height: var(--k548b882);
}
.k37e396 { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.bdfdbe2 { display: flex; align-items: center; gap: 16px; }

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

.h50d91c { display: flex; gap: 32px; }
.k6448df { font-weight: 500; color: var(--bd4d78a7); }
.k6448df:hover { color: var(--bb5dda0a); }
.kb23c10 { display: flex; gap: 12px; }

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

.t0775cb { padding: 10px 0; }
.p006176 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.i5f9a77 { font-size: 1.25rem; font-weight: 700; color: var(--g8aed256); }
.d4657a5 { color: var(--fe789a0f); font-weight: 600; }
.d4657a5:hover { text-decoration: underline; }

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

.q16e5c8 { background-color: var(--bda2cb74); padding: 40px; border-radius: var(--n90a8f1b); }
.q16e5c8 h2, .q16e5c8 h3 { margin: 32px 0 16px; color: var(--t74d6cb1); }
.q16e5c8 h2:first-child { margin-top: 0; }
.q16e5c8 p { color: var(--n9a442b9); margin-bottom: 20px; }

.xc4dc56 { width: 100%; overflow-x: auto; margin-bottom: 32px; border-radius: var(--r377512f); border: 1px solid var(--g005f74b); }
.vda47a6 { width: 100%; border-collapse: collapse; min-width: 600px; }
.vda47a6 th, .vda47a6 td { padding: 16px; text-align: left; border-bottom: 1px solid var(--g005f74b); }
.vda47a6 th { background-color: var(--b5be2f36); font-weight: 600; color: var(--t74d6cb1); }
.vda47a6 tr:last-child td { border-bottom: none; }

.fc07316 { display: flex; flex-direction: column; gap: 16px; max-width: 100%; margin: 0 auto; }
.t9dd4ab { background-color: var(--bda2cb74); border-radius: var(--n6ef6699); border: 1px solid var(--g005f74b); overflow: hidden; }
.va3c83d { padding: 20px; font-weight: 600; cursor: pointer; list-style: none; position: relative; color: var(--t74d6cb1); }
.va3c83d::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--bb5dda0a); transition: transform var(--wbe01b50); }
.t9dd4ab[open] .va3c83d::after { transform: translateY(-50%) rotate(45deg); }
.hc9faf6 { padding: 0 20px 20px; color: var(--n9a442b9); }

.jb49f2c { background-color: var(--qf8ae380); padding: 32px 0; border-top: 1px solid var(--g005f74b); }
.c8524fd { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; opacity: 0.6; }

.t939cd6 { background-color: var(--m4e37a72); padding: 40px 0; border-top: 1px solid var(--g005f74b); }
.y751c46 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-bottom: 40px; }
.y751c46 a { color: var(--bd4d78a7); }
.y751c46 a:hover { color: var(--bb5dda0a); }
.jbca315 { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.g8fb8ce { width: 40px; height: 40px; border: 2px solid var(--n9a442b9); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--n9a442b9); }
.s33e4ba { color: var(--n9a442b9); font-size: 0.875rem; }

@media (max-width: 992px) {
    .eee8f74 { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
@media (max-width: 768px) {
    .yaa854c { display: flex; }
    .t9f394a { position: fixed; top: var(--k548b882); left: -100%; width: 100%; height: calc(100vh - var(--k548b882)); background-color: var(--bda2cb74); transition: left var(--wbe01b50); padding: 24px; overflow-y: auto; }
    .t9f394a.nc7540a { left: 0; }
    .h50d91c { flex-direction: column; gap: 24px; }
    .k6448df { font-size: 1.25rem; }
    .kb23c10 .ycd8938 { display: none; }
    .q16e5c8 { padding: 24px; }
    .m5c40bf { min-height: 320px; padding: 20px 10px; }
    .j02e5ba { padding: 25px 20px; }
}

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