/* Quiz-Meet-Details */
@font-face { font-family: 'Heavitas'; src: url('../uploads/HEAVITAS.TTF') format('truetype'); font-weight: 400; font-display: block; }
@layer qmbase{
:root {
    --ink: #0A0A0A;
    --paper: #FFFFFF;
    --bone: #F4F4F0;
    --yellow: #F8EC27;
    --grey: #8C8C86;
    --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --display: 'Heavitas', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
body { margin: 0; font-family: var(--sans); background: #0A0A0A; }
a { color: #0A0A0A; text-decoration: none; }
a:hover { color: #6B6410; }
button, select, input { font-family: inherit; }
button { cursor: pointer; }
}
.qt5{border-bottom: 1px solid rgba(250,250,247,0.14)}
.qt6{max-width: 1280px;margin: 0 auto;padding: 56px 40px 36px}
.qt7{margin: 0;font-family: var(--display);font-size: 19px;line-height: 1;letter-spacing: 0.04em;text-transform: uppercase;color: var(--yellow)}
.qt8{margin: 18px 0 0;font-family: var(--display);font-size: 58px;line-height: 0.98;font-weight: 400;text-transform: uppercase;color: var(--paper)}
.qt9{margin: 18px 0 0;max-width: 760px;font-size: 19px;line-height: 1.5;color: rgba(250,250,247,0.78)}
.qta{margin-top: 30px;display: flex;flex-wrap: wrap;gap: 10px}
.qtb{max-width: 1280px;margin: 0 auto;padding: 36px 40px 80px;display: flex;flex-direction: column;gap: 28px}
.qtc{background: rgba(250,250,247,0.05);border-top: 4px solid var(--yellow);display: grid;grid-template-columns: minmax(0, 320px) minmax(0, 1fr);gap: 0;min-height: 430px}
.qtd{display: flex;flex-direction: column;min-height: 260px;background: #101008}
.qte{position: relative;flex: 1;min-height: 200px;overflow: hidden}
.qtf{position: absolute;inset: 0;background: linear-gradient(155deg, rgba(248,236,39,0.2), rgba(10,10,10,0.82));pointer-events: none}
.qtg{position: absolute;left: 0;right: 0;bottom: 0;padding: 18px 20px;pointer-events: none}
.qth{margin: 0;font-size: 11px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: rgba(250,250,247,0.7)}
.qti{margin: 8px 0 0;font-family: var(--display);font-size: 21px;line-height: 1.08;text-transform: uppercase;color: var(--yellow)}
.qtj{margin: 7px 0 0;font-size: 15px;line-height: 1.4;color: var(--paper)}
.qtk{display: flex;align-items: center;gap: 12px;border-top: 2px solid rgba(250,250,247,0.14);padding: 16px 20px;color: rgba(250,250,247,0.75)}
.qtl{font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase}
.qtm{padding: 24px 26px 28px;display: flex;flex-direction: column}
.qtn{margin: 0;font-family: var(--display);font-size: 26px;line-height: 1.08;text-transform: uppercase;color: var(--paper)}
.qto{margin: 8px 0 0;font-size: 15px;line-height: 1.45;color: rgba(250,250,247,0.5)}
.qtp{margin-top: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 18px}
.qtq{border-top: 2px solid rgba(250,250,247,0.16);padding-top: 12px}
.qtr{margin: 0;font-size: 11px;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: rgba(250,250,247,0.4)}
.qts{margin: 7px 0 0;font-size: 16px;font-weight: 700;color: var(--paper)}
.qtt{display: inline-block;margin: 5px 0 0;font-size: 13px;font-weight: 700;letter-spacing: 0.06em;color: var(--yellow)}
.qtu{margin: 7px 0 0;font-size: 16px;font-weight: 700;color: var(--yellow)}
.qtv{margin: 4px 0 0;font-size: 13px;line-height: 1.4;color: rgba(250,250,247,0.4)}
.qtw{margin-top: 20px;border-left: 4px solid var(--yellow);padding: 4px 0 4px 16px}
.qtx{color: rgba(250,250,247,0.75)}
.qty{margin-top: 12px;display: flex;flex-wrap: wrap;gap: 10px}