.learn-explore-page{min-height:calc(100vh - 120px)}.hero-section{position:relative;height:320px;margin-top:59px;display:flex;align-items:center;justify-content:center;overflow:visible;background:#f8f9fa}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('https://cdn.mystorypie.com/dev-entities/assets/landingpages/learn.webp');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.92;z-index:1}body.production .hero-section::before{background-image:url('https://cdn.mystorypie.com/entities/assets/landingpages/learn.webp')}@media (max-width:768px){.hero-section::before{background-image:url('https://cdn.mystorypie.com/dev-entities/assets/landingpages/learn-mobile.webp')}body.production .hero-section::before{background-image:url('https://cdn.mystorypie.com/entities/assets/landingpages/learn-mobile.webp')}}.hero-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f50057 0,#448aff 100%);opacity:.6;z-index:2}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:3}.hero-content{position:relative;z-index:4;text-align:center;color:#fff}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.2rem;font-weight:300;margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-search-container{position:relative;margin-top:2rem;display:flex;justify-content:center;width:100%}.hero-search-container .search-container{position:relative;width:100%;max-width:500px;margin:0 auto}.hero-search-container .search-input{width:100%;padding:1rem 1.5rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:rgba(255,255,255,.9);color:#333;backdrop-filter:blur(10px);transition:all .3s ease}.hero-search-container .search-input:focus{outline:0;border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(0,0,0,.1)}.hero-search-container .search-input::placeholder{color:#666}.hero-search-container .search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#f50057 0,#448aff 100%);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.hero-search-container .search-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.2)}.hero-search-container .search-btn svg{width:18px;height:18px;stroke:white}.hero-search-container .search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:99999;max-height:300px;overflow-y:auto;display:none;margin-top:8px}.hero-search-container .suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.hero-search-container .suggestion-item:last-child{border-bottom:none}.hero-search-container .suggestion-item:hover{background-color:#f8f9fa}.hero-search-container .suggestion-text{font-weight:500;color:#333}.hero-search-container .suggestion-type{font-size:.75rem;color:#fff;padding:.2rem .5rem;border-radius:10px;text-transform:uppercase;font-weight:600;background:#6c757d}.hero-search-container .suggestion-type.biography{background:#667eea}.hero-search-container .suggestion-type.place{background:#28a745}.hero-search-container .suggestion-type.event{background:#dc3545}.hero-search-container .suggestion-type.invention{background:#ffc107;color:#333}.hero-search-container .suggestion-type.concept{background:#6f42c1}.hero-search-container .suggestion-type.myth{background:#fd7e14}.hero-search-container .suggestion-type.creations{background:#8e44ad}.categories-section{padding:4rem 0}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.category-card{background:0 0}.category-link{display:block;text-decoration:none;color:inherit;background:0 0}.category-link:hover{color:inherit;text-decoration:none}.category-image-container{position:relative;width:100%;aspect-ratio:400/201;background:0 0}.category-image{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.category-image-container{aspect-ratio:200/101}}.category-overlay{position:absolute;top:1rem;left:1rem;color:#fff;padding:0}.category-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.category-count{font-size:.9rem;opacity:.9;margin-bottom:0}.footer{background-color:#2c3e50;color:#fff;padding:2rem 0;margin-top:auto}.footer-brand img{margin-bottom:.5rem}.footer-tagline{font-size:.9rem;opacity:.8;margin-bottom:0}.footer-links{text-align:right}.footer-links a{color:#fff;text-decoration:none;margin-left:1.5rem;opacity:.8;transition:opacity .3s ease}.footer-links a:hover{opacity:1;color:#fff}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;padding:0 1rem}.hero-search-container{margin-top:1.5rem;padding:0 1rem}.hero-search-container .search-container{max-width:100%}.hero-search-container .search-input{padding:.8rem 1.2rem;font-size:1rem;border-radius:50px}.hero-search-container .search-btn{width:36px;height:36px;right:6px;display:flex;align-items:center;justify-content:center}.hero-search-container .search-btn svg{width:16px;height:16px}.hero-search-container .search-suggestions{z-index:99999;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15)}.hero-search-container .suggestion-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-section{height:225px;margin-top:46px}.categories-section{padding:0 0}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.category-title{font-size:1.3rem}.category-overlay{top:.6rem;left:.9rem}.footer-links{text-align:left;margin-top:1rem}.footer-links a{margin-left:0;margin-right:1.5rem}}@media (max-width:480px){.hero-title{font-size:2rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.categories-section{padding:1.5rem 0}}.rtl .footer-links{text-align:left}.rtl .footer-links a{margin-left:0;margin-right:1.5rem}@media (max-width:768px){.rtl .footer-links{text-align:right}.rtl .footer-links a{margin-right:0;margin-left:1.5rem}}.category-link:focus{outline:3px solid #007bff;outline-offset:2px}@media (prefers-contrast:high){.hero-overlay{background:rgba(0,0,0,.7)}}