/* The rest of mirifx.com in frosted glass, after the hero (Six, 20 Oct 2026). Every section keeps its own colour, now
   as a soft frosted gradient with drifting light, and its cards become glass with white edges, like the student panel.
   SIX stays the night section, as smoked glass. */
.mani,#mentor,#certificate,#quiz,#faq,#contact{overflow:clip}
.mani::before,#mentor::before,#certificate::before,#faq::before,#six::before{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:bpxOrbit 20s ease-in-out infinite alternate}
.mani .in,#mentor .mentor,#certificate .in,#faq .in{position:relative;z-index:1}
/* What we believe: pearl with lilac and mint light */
.mani{background:radial-gradient(50% 45% at 90% 8%,#ffffff,transparent 70%),linear-gradient(170deg,#f5f2fa,#ebe6f2 55%,#e3eee8)}
.mani::before{width:42vw;height:42vw;max-width:600px;max-height:600px;right:-10vw;bottom:-10%;background:#f6e0cc;opacity:.55}
.mani .blobs i{opacity:.7}
.side.yes,.np,#mentor .mstats div,#faq details,.opts button,#contact .in{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 0 #fff,0 18px 36px -26px rgba(40,30,20,.5);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.side.no{background:linear-gradient(160deg,rgba(28,26,30,.92),rgba(18,17,20,.86));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 46px -28px rgba(10,8,14,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#8f8d86}
.np{border-radius:22px}
/* Mentor: frosted mint */
#mentor.cat.mint{background:radial-gradient(55% 45% at 92% 10%,#f2fff8,transparent 70%),linear-gradient(165deg,#e3f3eb,#d0e9de 60%,#c3e1d3)}
#mentor::before{width:40vw;height:40vw;max-width:560px;max-height:560px;right:-8vw;bottom:-12%;background:#9ad8bc;opacity:.45}
#mentor .mstats{gap:10px}
#mentor .mstats div{padding:14px 18px;border-radius:20px}
#mentor>.spot{display:none}
/* Certificate: frosted champagne */
#certificate.cat.champ{background:radial-gradient(55% 45% at 8% 10%,#fffdf0,transparent 70%),linear-gradient(165deg,#f7f3db,#efe8c4 60%,#e6deb0)}
#certificate::before{width:40vw;height:40vw;max-width:560px;max-height:560px;right:-10vw;top:-12%;background:#f3e6a6;opacity:.55}
#certificate>.spot{display:none}
#certificate .cert.certimg{padding:10px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.45));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 0 #fff,0 40px 80px -36px rgba(80,70,20,.45);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
#certificate .cert.certimg img{border-radius:15px}
#certificate .sample{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px #fff}
/* Quiz: pearl, the answers are glass */
#quiz{background:linear-gradient(170deg,#f8f5ef,#efe9e0)}
#quiz .blobs i{opacity:.65}
.opts button{border-radius:999px}
.opts button:hover{background:#fff}
/* SIX: the night section as smoked glass */
#six.night{background:radial-gradient(50% 40% at 85% 12%,rgba(127,209,173,.16),transparent 70%),radial-gradient(45% 40% at 10% 90%,rgba(185,168,232,.14),transparent 70%),linear-gradient(165deg,#1c1b21,#232129 55%,#191d1e)}
#six::before{width:36vw;height:36vw;max-width:520px;max-height:520px;left:-8vw;top:20%;background:#7fd1ad;opacity:.12}
#six .sixstory{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 60px -36px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
#six .robots span{padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);opacity:.6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .25s,background .25s}
#six .robots span:hover{opacity:1;background:rgba(255,255,255,.12)}
/* FAQ: frosted pearl, every question a glass card */
#faq{position:relative;background:radial-gradient(50% 45% at 92% 8%,#ffffff,transparent 70%),linear-gradient(170deg,#f4f0ea,#e9e3d9)}
#faq::before{width:38vw;height:38vw;max-width:520px;max-height:520px;left:-10vw;bottom:-10%;background:#e4d9f4;opacity:.6}
#faq .in{display:grid;gap:10px}
#faq details{padding:18px 24px;border-radius:22px}
#faq .k{margin-bottom:12px!important}
/* Contact: the closing words in one glass card */
#contact{background:linear-gradient(170deg,#f6f3ee,#ece6dd)}
#contact .blobs i{opacity:.7}
#contact .in{max-width:900px;padding:clamp(32px,5vw,64px) clamp(20px,4vw,56px);border-radius:40px}
@media (max-width:860px){#contact .in{margin-inline:16px;border-radius:30px}#contact .in h2.big{font-size:clamp(30px,8.4vw,38px)}#faq details{padding:16px 18px}}
@media (prefers-reduced-motion:reduce){.mani::before,#mentor::before,#certificate::before,#faq::before,#six::before{animation:none}}
#contact .in h2.big{font-size:clamp(40px,5.4vw,84px)}