.gt6LIq_bookCard{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;width:100%;min-height:320px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.gt6LIq_bookCard:hover{border-color:var(--primary)}.gt6LIq_bookContent{z-index:1;flex-direction:column;height:100%;padding:32px;display:flex;position:relative}.gt6LIq_bookHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.gt6LIq_bookIcon{background:var(--primary);width:56px;height:56px;color:var(--white);border-radius:16px;justify-content:center;align-items:center;transition:all .4s;display:flex}.gt6LIq_bookCard:hover .gt6LIq_bookIcon{transform:scale(1.1)rotate(5deg)}.gt6LIq_externalIcon{color:var(--primary);opacity:0;transition:all .4s;transform:translate(16px)}.gt6LIq_bookCard:hover .gt6LIq_externalIcon{opacity:1;transform:translate(0)}.gt6LIq_darkTheme .gt6LIq_externalIcon{color:#fca5a5}.gt6LIq_contentSection{flex:1;margin-bottom:24px}.gt6LIq_bookTitle{color:var(--primary);margin:0 0 16px;font-size:1.5rem;font-weight:700;line-height:1.3;transition:all .3s}.gt6LIq_bookCard:hover .gt6LIq_bookTitle{transform:translate(4px)}.gt6LIq_bookDescription{color:#64748b;margin:0;font-size:.95rem;line-height:1.6;transition:color .3s}.gt6LIq_bookCard:hover .gt6LIq_bookDescription{color:#475569}.gt6LIq_darkTheme:hover .gt6LIq_bookDescription{color:#cbd5e1}.gt6LIq_buttonWrapper{margin-top:auto}.gt6LIq_readButton{background:var(--primary);color:var(--white);border-radius:calc(var(--radius) - 5px);align-items:center;gap:12px;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.gt6LIq_buttonText{z-index:1;position:relative}.gt6LIq_buttonIcon{align-items:center;transition:transform .3s;display:flex}.gt6LIq_readButton:hover .gt6LIq_buttonIcon{transform:translate(4px)}@media (max-width:768px){.gt6LIq_bookContent{padding:24px}.gt6LIq_bookTitle{font-size:1.3rem}.gt6LIq_bookIcon{width:48px;height:48px}.gt6LIq_readButton{padding:14px 24px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.gt6LIq_bookCard,.gt6LIq_backgroundGradient,.gt6LIq_geometricDecoration,.gt6LIq_bookIcon,.gt6LIq_readButton,.gt6LIq_buttonIcon{transition:none}.gt6LIq_particle{animation:none}}.gt6LIq_searchInput{flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.gt6LIq_searchInput input{border-radius:var(--radius);border:1px solid var(--border-color);width:300px;height:40px;color:var(--primary);background-color:#0000;outline:none;padding:20px;transition:all .2s}.gt6LIq_searchInput input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--hover)}.gt6LIq_pagination{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;font-size:14px;font-weight:500;display:flex}.gt6LIq_pagination button{border:1px solid var(--border-color);background:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.gt6LIq_pagination button:hover:not(:disabled){border-color:var(--primary,#0051b3);transform:translateY(-1px)}.gt6LIq_pagination button:disabled{background:var(--border-color);color:#aaa;cursor:not-allowed;border-color:#e5e5e5}.gt6LIq_pagination span{color:var(--primary);border-radius:6px;padding:6px 12px;font-weight:600}
.lY0OaG_booksContainer{grid-template-columns:repeat(auto-fill,minmax(284px,1fr));justify-items:center;gap:1.5rem;width:100%;padding-top:20px;display:grid}.lY0OaG_bookContainer{width:100%;height:calc(100vh - 110px)}
.ITz2LW_quizCard{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border-color);cursor:pointer;z-index:0;flex-direction:column;width:100%;min-height:320px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.ITz2LW_quizCard:hover{border-color:var(--primary)}@keyframes ITz2LW_float{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-10px)scale(1.1)}}.ITz2LW_cardLink{color:inherit;z-index:2;flex-direction:column;height:100%;text-decoration:none;display:flex;position:relative}.ITz2LW_cardContent{z-index:1;flex-direction:column;height:100%;padding:32px;display:flex;position:relative}.ITz2LW_cardHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ITz2LW_iconWrapper{background:var(--primary);width:56px;height:56px;color:var(--white);border-radius:16px;justify-content:center;align-items:center;font-size:30px;transition:all .4s;display:flex}.ITz2LW_quizCard:hover .ITz2LW_iconWrapper{transform:scale(1.1)rotate(5deg)}.ITz2LW_externalIcon{color:var(--primary);opacity:0;transition:all .4s;transform:translate(16px)}.ITz2LW_quizCard:hover .ITz2LW_externalIcon{opacity:1;transform:translate(0)}.ITz2LW_darkTheme .ITz2LW_externalIcon{color:#fca5a5}.ITz2LW_contentSection{flex:1;margin-top:24px;margin-bottom:24px}.ITz2LW_cardTitle{color:var(--primary);text-transform:uppercase;margin:0 0 16px;font-size:1.5rem;font-weight:700;line-height:1.3;transition:all .3s}.ITz2LW_quizCard:hover .ITz2LW_cardTitle{transform:translate(4px)}.ITz2LW_cardMeta{flex-wrap:wrap;gap:8px;display:flex}.ITz2LW_metaItem{background:var(--hover);color:var(--primary);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.ITz2LW_metaIcon{justify-content:center;align-items:center;font-size:.9rem;display:flex}.ITz2LW_buttonWrapper{margin-top:auto}.ITz2LW_startButton{background:var(--primary);color:var(--white);border-radius:calc(var(--radius) - 5px);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.ITz2LW_buttonText{z-index:1;position:relative}.ITz2LW_arrowIcon{align-items:center;transition:transform .3s;display:flex}.ITz2LW_startButton:hover .ITz2LW_arrowIcon{transform:translate(4px)}@media (max-width:768px){.ITz2LW_cardContent{padding:24px}.ITz2LW_cardTitle{font-size:1.3rem}.ITz2LW_iconWrapper{width:48px;height:48px}.ITz2LW_startButton{padding:14px 24px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.ITz2LW_quizCard,.ITz2LW_iconWrapper,.ITz2LW_startButton,.ITz2LW_arrowIcon{transition:none}.ITz2LW_particle{animation:none}}
.SubudG_quizContainer{grid-template-columns:repeat(auto-fill,minmax(284px,1fr));justify-items:center;gap:1.5rem;width:100%;padding-top:20px;display:grid}