:root{--primary:#8a2be2;--primary-dark:#7126b9;--secondary:#6c757d;--dark:#121212;--darker:#0a0a0a;--light-dark:#1e1e1e;--text:#e0e0e0;--text-muted:#aaa;--accent:#00e5ff}body{background-color:var(--dark);color:var(--text);line-height:1.8}h1,h2,h3,h4,h5,h6{font-weight:700;scroll-margin-top: 100px}.blog-content{font-size:1.1rem;position: relative}.blog-content p{margin-bottom:1.5rem}.card{background-color:var(--light-dark);border:none;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 25px rgba(0,0,0,.4);transform:translateY(-5px)}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-light{border-color:var(--text);color:var(--text)}.btn-outline-light:hover{background-color:var(--text);color:var(--dark)}.badge{font-weight:500;padding:.5em 1em}.poster-overlay{background:rgba(0,0,0,.4);bottom:0;left:0;padding:2rem;position:absolute;right:0;top:0}.author-avatar,.poster-overlay{align-items:center;display:flex;justify-content:center}.author-avatar{background:#000;color:#fff;font-size:1.8rem;font-weight:700;height:80px;width:80px}.course-icon{align-items:center;background-color:rgba(138,43,226,.2);border-radius:8px;color:var(--accent);display:flex;height:50px;justify-content:center;width:8rem}.rating{color:#ffc107}.social-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-icon:hover{transform:scale(1.1)}.glow-text{text-shadow:0 0 10px rgba(138,43,226,.5)}.divider{background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);border-radius:3px;height:3px;margin:2rem 0}.animate-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(138,43,226,.7)}70%{box-shadow:0 0 0 10px rgba(138,43,226,0)}to{box-shadow:0 0 0 0 rgba(138,43,226,0)}}blockquote{background:rgba(0, 0, 0, 0.4);border-right: 4px solid #cddc39;padding: 1rem;margin: 2rem 0;}@media screen and (min-width: 992px){h1,h2,h3,h4,h5,h6{scroll-margin-top: 200px}}