/* Локальные стили без CDN (замена Tailwind) */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
img,canvas{max-width:100%;display:block}
a{color:inherit}

.relative{position:relative}
.fixed{position:fixed}
.absolute{position:absolute}
.inset-0{inset:0}
.left-0{left:0}
.right-0{right:0}
.bottom-0{bottom:0}
.top-0{top:0}
.z-10{z-index:10}
.z-40{z-index:40}

.block{display:block}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none !important}

.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.grid-cols-1{grid-template-columns:1fr}
.grid-cols-2{grid-template-columns:1fr 1fr}

.w-full{width:100%}
.w-0{width:0}
.w-44{width:11rem}
.h-full{height:100%}
.h-2{height:.5rem}
.h-3{height:.75rem}
.h-screen{height:100vh}
.min-h-screen{min-height:100vh}

.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-7{margin-bottom:1.75rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}

.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.pt-10{padding-top:2.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}

.max-w-sm{max-width:24rem}
.max-w-md{max-width:28rem}
.max-w-lg{max-width:32rem}
.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-6xl{max-width:72rem}
.max-w-\[420px\]{max-width:420px}
.max-h-\[min\(92vh\,900px\)\]{max-height:min(92vh,900px)}
.max-h-\[min\(92vh\,920px\)\]{max-height:min(92vh,920px)}

.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}

.text-left{text-align:left}
.text-center{text-align:center}
.uppercase{text-transform:uppercase}
.leading-none{line-height:1}
.leading-snug{line-height:1.375}
.leading-relaxed{line-height:1.625}
.tracking-\[0\.14em\]{letter-spacing:.14em}
.tracking-\[0\.16em\]{letter-spacing:.16em}
.tracking-\[0\.18em\]{letter-spacing:.18em}
.tracking-\[0\.2em\]{letter-spacing:.2em}
.tracking-\[0\.22em\]{letter-spacing:.22em}

.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-black{font-weight:900}

.text-xs{font-size:.75rem}
.text-sm{font-size:.875rem}
.text-base{font-size:1rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.text-6xl{font-size:3.75rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}

.text-white{color:#fff}
.text-white\/40{color:rgba(255,255,255,.4)}
.text-white\/45{color:rgba(255,255,255,.45)}
.text-white\/50{color:rgba(255,255,255,.5)}
.text-white\/55{color:rgba(255,255,255,.55)}
.text-white\/60{color:rgba(255,255,255,.6)}
.text-white\/65{color:rgba(255,255,255,.65)}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/75{color:rgba(255,255,255,.75)}
.text-white\/80{color:rgba(255,255,255,.8)}
.text-white\/85{color:rgba(255,255,255,.85)}
.text-white\/90{color:rgba(255,255,255,.9)}
.text-rose-100\/80{color:rgba(255,228,230,.8)}
.text-rose-200{color:#fecdd3}
.text-cyan-100{color:#cffafe}

.bg-\[\#0B0B0F\]{background:#0B0B0F}
.bg-black\/25{background:rgba(0,0,0,.25)}
.bg-black\/40{background:rgba(0,0,0,.4)}
.bg-white\/5{background:rgba(255,255,255,.05)}
.bg-white\/8{background:rgba(255,255,255,.08)}
.bg-white\/10{background:rgba(255,255,255,.1)}
.bg-rose-300\/10{background:rgba(253,164,175,.1)}
.bg-rose-400\/10{background:rgba(251,113,133,.1)}

.border{border:1px solid transparent}
.border-t{border-top:1px solid rgba(255,255,255,.1)}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.border-white\/15{border-color:rgba(255,255,255,.15)}
.border-white\/20{border-color:rgba(255,255,255,.2)}
.border-rose-300\/25{border-color:rgba(253,164,175,.25)}
.border-rose-400\/30{border-color:rgba(251,113,133,.3)}

.rounded-full{border-radius:9999px}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}

.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}

.space-y-2 > * + *{margin-top:.5rem}
.space-y-4 > * + *{margin-top:1rem}

.transition-all{transition:all .2s ease}
.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.hover\:bg-white\/15:hover{background:rgba(255,255,255,.15)}
.hover\:text-white:hover{color:#fff}
.hover\:scale-\[1\.01\]:hover{transform:scale(1.01)}

.bg-gradient-to-r{
  background-color:transparent;
  background-image:linear-gradient(90deg,var(--g-from,#ec4899),var(--g-via,#f43f5e),var(--g-to,#22d3ee));
}
.from-pink-500{--g-from:#ec4899}
.from-rose-600{--g-from:#e11d48}
.from-cyan-500{--g-from:#06b6d4}
.via-rose-500{--g-via:#f43f5e}
.via-pink-500{--g-via:#ec4899}
.to-cyan-400{--g-to:#22d3ee}
.to-pink-500{--g-to:#ec4899}

button,a.glow-btn{cursor:pointer;border:0;color:#fff;text-decoration:none}
.answer-btn{cursor:pointer;color:#fff}

@media (min-width:768px){
  .md\:flex-row{flex-direction:row}
  .md\:items-center{align-items:center}
  .md\:justify-between{justify-content:space-between}
  .md\:p-8{padding:2rem}
  .md\:px-7{padding-left:1.75rem;padding-right:1.75rem}
  .md\:py-8{padding-top:2rem;padding-bottom:2rem}
  .md\:text-base{font-size:1rem}
  .md\:text-lg{font-size:1.125rem}
  .md\:text-3xl{font-size:1.875rem}
  .md\:text-7xl{font-size:4.5rem}
}