.myclass-sample-questions-app{direction:rtl;font-family:inherit;box-sizing:border-box}.myclass-sample-questions-app *,.myclass-sample-questions-app ::after,.myclass-sample-questions-app ::before{box-sizing:border-box}.myclass-sample-questions-guest{max-width:500px;margin:40px auto;text-align:center;background:#fff;padding:30px 24px;border-radius:20px;box-shadow:0 10px 30px rgba(108,92,231,.12);direction:rtl;font-size:15px}.myclass-sample-questions-guest-emoji{font-size:38px;display:block;margin-bottom:8px}.myclass-sample-questions-lessons{width:100%;max-width:1100px;margin:20px auto}.myclass-sample-questions-header{text-align:center;margin-bottom:20px;background:linear-gradient(120deg,#6c5ce7,#ff6b9d);border-radius:18px;padding:18px 16px;box-shadow:0 8px 20px rgba(108,92,231,.2)}.myclass-sample-questions-title{margin:0;font-size:22px;font-weight:800;color:#fff}.myclass-sample-questions-subtitle{margin:4px 0 0;color:#fff;opacity:.95;font-size:13px}.myclass-sample-questions-empty{text-align:center;padding:40px 20px;color:#888;background:#fafafa;border-radius:16px}.myclass-sample-questions-empty span{font-size:40px;display:block;margin-bottom:8px}.myclass-sample-questions-lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.myclass-sample-questions-lesson-card{--lesson-accent:#6c5ce7;cursor:pointer;background:#fff;border-radius:16px;padding:20px 12px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.08);border:3px solid transparent;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),box-shadow .2s ease,border-color .2s ease;outline:0}.myclass-sample-questions-lesson-card:focus-visible,.myclass-sample-questions-lesson-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 14px 26px rgba(0,0,0,.14);border-color:var(--lesson-accent)}.myclass-sample-questions-lesson-card:active{transform:translateY(-2px) scale(.99)}.myclass-sample-questions-lesson-card-icon{font-size:36px;margin-bottom:8px}.myclass-sample-questions-lesson-card-title{font-weight:800;font-size:14px;color:#333;margin-bottom:6px}.myclass-sample-questions-lesson-card-count{display:inline-block;font-size:11px;font-weight:700;color:var(--lesson-accent);background:color-mix(in srgb,var(--lesson-accent) 12%,#fff);padding:3px 10px;border-radius:20px}.myclass-sample-questions-lesson-wrap{max-width:900px;margin:20px auto}.myclass-sample-questions-back{display:inline-flex;align-items:center;gap:6px;background:#fff;border:none;color:#6c5ce7;font-weight:800;font-size:13px;padding:8px 18px;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;margin-bottom:14px;transition:transform .2s ease}.myclass-sample-questions-back:hover{transform:translateX(-4px)}.myclass-sample-questions-lesson{position:relative;background:linear-gradient(180deg,#f4f1ff,#fff7f0);border-radius:20px;padding:18px 16px 22px}.myclass-sample-questions-lesson-title{text-align:center;margin:0 0 14px;font-size:19px;font-weight:800;color:#4b3f72}.myclass-sample-questions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.myclass-sample-questions-list-empty{grid-column:1/-1;text-align:center;color:#999;padding:30px 10px}.myclass-sample-questions-list-empty-icon{font-size:34px;margin-bottom:8px}.myclass-sample-question-item{cursor:pointer;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.07);border:2px solid transparent;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.myclass-sample-question-item.is-first:hover,.myclass-sample-question-item:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.12);border-color:#6c5ce7}.myclass-sample-question-item-preview{position:relative;width:100%;aspect-ratio:3/4;background:linear-gradient(160deg,#6c5ce7,#c6bbfa);overflow:hidden}.myclass-sample-question-item-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.myclass-sample-question-item:hover .myclass-sample-question-item-preview img{transform:scale(1.06)}.myclass-sample-question-item-no-file{display:flex;align-items:center;justify-content:center;font-size:30px;background:#f0eefc}.myclass-sample-question-item-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:rgba(75,63,114,.35);opacity:0;transition:opacity .18s ease}.myclass-sample-question-item:hover .myclass-sample-question-item-overlay{opacity:1}.myclass-sample-question-item-title{padding:8px 10px 10px;font-size:12px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.myclass-sample-questions-loading{display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 10px;color:#6c5ce7;font-weight:700;font-size:13px}.myclass-sample-questions-lesson:not(.sample-questions-loaded):not(.sample-questions-has-error) .myclass-sample-questions-loading{display:flex}.myclass-sample-questions-loading-icon{font-size:38px;animation:sample-questions-bounce 1s ease-in-out infinite}@keyframes sample-questions-bounce{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(6deg)}}.myclass-sample-questions-error{display:none;align-items:center;justify-content:center;padding:30px;color:#e63946;text-align:center;font-weight:700;font-size:13px}.sample-questions-has-error .myclass-sample-questions-error{display:flex}.sample-questions-has-error .myclass-sample-questions-list{display:none!important}.myclass-sample-question-viewer{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}.myclass-sample-question-viewer.is-open{display:flex}body.myclass-sample-question-viewer-open{overflow:hidden}.myclass-sample-question-viewer-backdrop{position:absolute;inset:0;background:rgba(30,20,50,.78);backdrop-filter:blur(4px);animation:sample-questions-fade-in .18s ease}@keyframes sample-questions-fade-in{from{opacity:0}to{opacity:1}}.myclass-sample-question-viewer-content{position:relative;z-index:1;width:100%;max-width:640px;max-height:90vh;background:#fff;border-radius:20px;padding:18px;box-shadow:0 25px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;animation:sample-questions-pop-in .22s cubic-bezier(.34,1.56,.64,1)}@keyframes sample-questions-pop-in{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.myclass-sample-question-viewer-close{position:absolute;top:10px;left:10px;width:36px;height:36px;border:none;border-radius:50%;background:#f0eefc;color:#6c5ce7;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease}.myclass-sample-question-viewer-close:hover{background:#e4dbff;transform:scale(1.08)}.myclass-sample-question-viewer-title{width:100%;text-align:center;font-weight:800;font-size:15px;color:#4b3f72;margin-bottom:12px;padding:0 40px}.myclass-sample-question-viewer-image-wrap{width:100%;max-height:calc(90vh - 90px);overflow:auto;border-radius:12px;background:#f4f1ff;display:flex;align-items:flex-start;justify-content:center}.myclass-sample-question-viewer-image{width:100%;height:auto;display:block;border-radius:12px}@media (max-width:768px){.myclass-sample-questions-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.myclass-sample-questions-list{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px}.myclass-sample-question-viewer-content{padding:14px;border-radius:16px}.myclass-sample-question-viewer-image-wrap{max-height:calc(90vh - 76px)}}