*{box-sizing:border-box;font-family:Poppins,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(#f0f8ff94,#ecfdf594),url(https://images.unsplash.com/photo-1523712999610-f77fbcfc3843);background-size:cover;background-position:center}.search-card{background:#e2f8e633;width:70%;height:80%;padding:28px;border-radius:24px;box-shadow:0 20px 45px #38bdf840;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease}.search-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px #10b98159}.logo{text-align:center;color:#46626e;margin-bottom:20px;letter-spacing:1px}.search-bar{display:flex;gap:8px}.search-bar input{flex:1;padding:12px 14px;border-radius:14px;border:1px solid #bae6fd;outline:none;background:#f0f9ff;transition:.25s}.search-bar input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf84d}.search-btn,.clear-btn{padding:12px 16px;border-radius:14px;border:none;cursor:pointer;font-weight:500;transition:transform .25s,box-shadow .25s,background .25s}.search-btn{background:linear-gradient(135deg,#38bdf8,#34d399);color:#fff}.search-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #38bdf866}.clear-btn{background:#ecfeff;color:#0369a1}.clear-btn:hover{background:#cffafe;transform:translateY(-2px)}.suggestion{margin-top:10px;padding:12px 14px;border-radius:14px;cursor:pointer;background:#fff;color:#075985;box-shadow:0 6px 14px #0000000f;transition:.25s}.suggestion:hover{background:#ecfeff;transform:scale(1.03);box-shadow:0 14px 26px #10b9814d}