:root{--primary-color:#27ae60;--secondary-color:#2ecc71;--dark-color:#333333;--light-color:#f7fafc;--text-color:#555;--background-gradient:linear-gradient(135deg,#f1f8e9,#ffffff)}.page-container{min-height:100vh;background:var(--background-gradient);padding:2rem 4rem;font-family:Poppins,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:3rem;animation:fadeInUp .8s ease-out forwards}.header h1{font-size:3.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.header p{font-size:1.25rem;color:var(--text-color);max-width:800px;margin:0 auto;line-height:1.7}.section-title{font-size:2.2rem;font-weight:600;margin:4rem 0 2rem;color:var(--dark-color);text-align:center}.quote-section{background:#ffffff;border-left:5px solid var(--primary-color);margin:2rem auto 4rem;padding:2rem 2.5rem;border-radius:8px;max-width:800px;box-shadow:0 5px 20px rgba(0,0,0,.05);text-align:center;opacity:0;animation:fadeInUp 1.2s ease-out forwards}.quote-section h3{font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary-color);margin-bottom:1rem}.quote-text{font-size:1.5rem;font-style:italic;color:var(--dark-color)}.quote-author{margin-top:1rem;font-weight:600;color:var(--text-color)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.box{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:fadeInUp .8s ease-out forwards}.video-grid .box:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 35px rgba(39,174,96,.2),0 0 15px rgba(46,204,113,.3)}.video-frame{width:100%;height:220px;border:none;transition:filter .3s ease}.video-grid .box:hover .video-frame{filter:brightness(1.1)}.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem}.book-card{display:flex;background:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.07);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:fadeInUp .8s ease-out forwards}.books-grid .book-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(39,174,96,.2)}.book-img{width:130px;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.books-grid .book-card:hover .book-img{transform:scale(1.1)}.book-info{padding:20px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.book-info h3{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--primary-color)}.author{font-size:.9rem;color:#666;margin-bottom:15px}.view-btn{background:var(--primary-color);color:white;border:none;padding:10px 16px;border-radius:50px;cursor:pointer;font-weight:600;transition:background-color .3s ease;align-self:flex-start;text-decoration:none}.view-btn:hover{background:#219d52}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.media-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.07);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;opacity:0;animation:fadeInUp .8s ease-out forwards}.media-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(39,174,96,.15)}.media-img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid #eee}.media-info{padding:20px}.media-info h3{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:8px}.media-info p{font-size:1rem;color:var(--text-color)}.books-grid .book-card:first-child,.media-grid .media-card:first-child,.video-grid .box:first-child{animation-delay:.1s}.books-grid .book-card:nth-child(2),.media-grid .media-card:nth-child(2),.video-grid .box:nth-child(2){animation-delay:.2s}.books-grid .book-card:nth-child(3),.media-grid .media-card:nth-child(3),.video-grid .box:nth-child(3){animation-delay:.3s}.books-grid .book-card:nth-child(4),.video-grid .box:nth-child(4){animation-delay:.4s}.books-grid .book-card:nth-child(5),.video-grid .box:nth-child(5){animation-delay:.5s}.books-grid .book-card:nth-child(6),.video-grid .box:nth-child(6){animation-delay:.6s}.video-grid .box:nth-child(7){animation-delay:.7s}.video-grid .box:nth-child(8){animation-delay:.8s}.video-grid .box:nth-child(9){animation-delay:.9s}@media (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-container{padding:1rem 1.5rem}.header h1{font-size:2.5rem}.header p{font-size:1.1rem}.books-grid,.video-grid{grid-template-columns:1fr}}