:root{--primary: #7B1FA2;--primary-light: #9C27B0;--primary-fade: #F3E5F5;--bg-gradient: linear-gradient(180deg, #FDFBFD 0%, #F3E5F5 100%);--container-width: 1100px;--success: #2E7D32;--danger: #C62828;--info: #1565C0;--warning: #F9A825;--radius: 16px;--shadow: 0 4px 20px rgba(123, 31, 162, .08)}main{max-width:var(--container-width);margin:1rem auto;padding:0 .5rem}.sj-card{background:var(--card-bg, #fff);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);position:relative;overflow:hidden;border:1px solid rgba(123,31,162,.05);transition:transform .2s,box-shadow .2s;margin-bottom:1.5rem}.sj-card:hover{transform:translateY(-3px);box-shadow:0 6px 25px #7b1fa21f}.sj-card:before{content:attr(data-step);position:absolute;top:-15px;left:-10px;font-family:Poppins,sans-serif;font-size:7rem;font-weight:900;color:var(--primary-fade);opacity:.8;z-index:0;line-height:1;pointer-events:none}.card-content{position:relative;z-index:1}.box-ncert{background:#f3e5f5;border-left:5px solid var(--primary);padding:1rem;border-radius:0 12px 12px 0;margin:1rem 0}.box-formula{background:#fffde7;border:2px solid var(--warning);padding:1rem;border-radius:12px;margin:1rem 0;text-align:center}.box-pyq{background:#e3f2fd;border-left:5px solid var(--info);padding:1rem;margin:.8rem 0;border-radius:8px}.box-mistake{background:#ffebee;border:1px solid var(--danger);color:var(--danger);padding:1rem;border-radius:8px;margin-top:10px}.box-tip{background:#e8f5e9;border-left:5px solid var(--success);padding:1rem;border-radius:8px;margin-top:10px}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:12px;border:1px solid #eee;text-align:left}th{background:var(--primary);color:#fff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card-bg-light{background:#f9f9f9;padding:1rem;border-radius:8px}.card-bg-success{background:#e8f5e9;padding:1rem;border-radius:8px}.card-bg-danger{background:#ffebee;padding:1rem;border-radius:8px}.card-bg-light-bordered{background:#f9f9f9;padding:1rem;border-radius:12px;margin-bottom:2rem}.card-bg-light-sm{background:#fafafa;padding:1rem;border-radius:8px;margin-bottom:1rem}.toggle-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:8px 20px;border-radius:25px;cursor:pointer;font-size:.9rem;margin-top:15px;transition:all .3s;display:inline-flex;align-items:center;gap:8px;font-weight:500}.toggle-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.answer-block{display:none;margin-top:15px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid var(--primary);box-shadow:inset 0 2px 4px #00000005}.checklist-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer}.checklist-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}body.dark-mode{--primary-fade: #2c1b30;--bg-gradient: linear-gradient(180deg, #121212 0%, #1e1e1e 100%);--shadow: 0 4px 25px rgba(0, 0, 0, .4)}body.dark-mode .sj-card{background:#1e1e1e;border-color:#ffffff0d}body.dark-mode .box-ncert{background:#7b1fa226;color:#e0e0e0}body.dark-mode .box-formula{background:#f9a8251a;color:#e0e0e0}body.dark-mode .box-pyq{background:#1565c026;color:#e0e0e0}body.dark-mode .box-mistake{background:#c628281a;color:#ffcdd2}body.dark-mode .box-tip{background:#2e7d3226;color:#c8e6c9}body.dark-mode .card-bg-light,body.dark-mode .card-bg-light-bordered,body.dark-mode .card-bg-light-sm,body.dark-mode .answer-block{background:#252525;color:#e0e0e0;border:1px solid #333}body.dark-mode table td,body.dark-mode table th{border-color:#333}body.dark-mode table th{background:#4a148c}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.sj-card{padding:1.25rem}main{padding:0 .75rem}.sj-card:before{font-size:5rem;top:-10px}}