@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh}
.glass-morphism{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}
.search-container{max-width:800px}
.search-input{border-radius:50px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);transition:all .3s ease}
.search-input:focus{transform:translateY(-2px);box-shadow:0 15px 30px 0 rgba(31,38,135,.37)}
.search-btn{border-radius:50px;transition:all .3s ease}
.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px 0 rgba(0,0,0,.2)}
.card{border-radius:20px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);transition:all .3s ease;background:rgba(255,255,255,.9)}
.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px 0 rgba(31,38,135,.37)}
.nav-link{position:relative;transition:all .3s ease}
.nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:50%;transform:translateX(-50%);background-color:#fff;transition:width .3s ease}
.nav-link.active::after,.nav-link:hover::after{width:100%}
.trending-item{transition:all .3s ease}
.trending-item:hover{transform:translateX(10px)}
.history-item{transition:all .3s ease}
.history-item:hover{background:rgba(255,255,255,.2)}