.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:100px 0 80px;position:relative;overflow:hidden;min-height:400px} .hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="0,0 1000,0 1000,100 0,80"/></svg>') no-repeat bottom;background-size:cover} .hero-section .container{position:relative;z-index:2} .hero-title-3d{text-shadow:0 10px 30px rgba(0,0,0,0.3);transform:translateZ(30px);transition:transform 0.3s ease} .hero-text-3d{transform:translateZ(10px)} .category-card-item{border-radius:20px;padding:2rem 1.5rem;height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 8px 20px rgba(0,0,0,0.15);position:relative;overflow:hidden} .category-title{color:white;font-size:1.1rem;font-weight:600;margin:0;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,0.5)} .category-icon-wrapper{width:80px;height:80px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border-radius:20px;backdrop-filter:blur(10px)} .search-section{margin-top:-40px;position:relative;z-index:3;min-height:200px} .search-section .card{border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1)} .ifsc-section .row.g-4{align-items:stretch} .ifsc-section .search-panel-wrapper{display:flex;flex-direction:column;height:100%} .ifsc-section .search-panel-wrapper .card{flex:1 1 auto;min-height:0} @media (max-width:768px){.hero-section{padding:80px 0 60px} .hero-section h1{font-size:2.5rem} .search-section{margin-top:-20px} }