/* Quizzes Page Styles */
/* Hero */
.q-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e5 0%,#6a5ff5 40%,#0ea5e9 100%);color:#fff;border-bottom-left-radius:40px;border-bottom-right-radius:40px;padding:6rem 0 7rem}
.q-hero__overlay{position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.3),transparent 60%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.2),transparent 60%);opacity:.8;animation:gradientMove 8s ease-in-out infinite alternate}
@keyframes gradientMove{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.q-bubble{position:absolute;border-radius:50%;background:rgba(255,255,255,.15);animation:float 12s infinite ease-in-out}
.q-bubble.b1{width:90px;height:90px;top:15%;left:10%}
.q-bubble.b2{width:60px;height:60px;top:45%;right:8%;animation-delay:2s}
.q-bubble.b3{width:110px;height:110px;bottom:10%;left:25%;animation-delay:4s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}

/* Search */
.iq-search input{border-radius:50px!important;padding-left:1.5rem;border:none;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.iq-search input:focus{box-shadow:0 0 0 3px rgba(88,106,252,.25)}
.iq-search .btn{border-radius:50px!important;background:#fff;color:#4f46e5;font-weight:600;transition:all .3s}
.iq-search .btn:hover{background:#4f46e5;color:#fff}

/* Filters */
.q-filters{display:flex;flex-wrap:wrap;gap:.5rem}
.q-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.18);color:#fff;padding:.4rem .85rem;border-radius:999px;text-decoration:none;font-weight:700}
.q-pill.active{background:#fff;color:#1e1b4b}

/* Cards */
.q-card{background:#fff;border:none;border-radius:24px;padding:1.5rem;box-shadow:0 10px 25px rgba(15,32,88,.08);height:100%;transition:all .3s ease;position:relative;overflow:hidden}
.q-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(88,106,252,.08),rgba(88,106,252,0));opacity:0;transition:opacity .3s}
.q-card:hover::before{opacity:1}
.q-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(15,32,88,.15)}
.q-card h3{font-weight:800;font-size:1.05rem;color:#0f172a}
.q-meta{color:#5d6a90}
.q-meta .badge{font-size:.75rem;padding:.4rem .75rem;border-radius:50px}
.q-cta{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}
.q-cta .btn{border-radius:12px}

/* AOS */
[data-aos]{transition-duration:700ms}