* { box-sizing: border-box; }

body { 
  font-family: system-ui, Arial, sans-serif; 
  background: linear-gradient(135deg,#6dd5ed,#2193b0); 
  color: #fff; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  min-height:100vh; 
  margin:0; 
} 

.app { 
  background: rgba(0,0,0,0.35); 
  padding:24px; 
  border-radius:12px; 
  width:320px; 
  text-align:center; 
  box-shadow: 0 8px 16px rgba(0,0,0,0.25);
  backdrop-filter: blur(5px);
} 

.search { 
  margin:12px 0; 
  display:flex; 
  justify-content:center;
} 

input { 
  padding:10px; 
  border-radius:6px; 
  border: none; 
  width: 65%; 
} 

button { 
  padding:10px 12px; 
  border-radius:6px; 
  border:none; 
  margin-left:6px; 
  cursor:pointer; 
  background:#ff9800; 
  color:#000; 
  font-weight:600; 
  transition: background 0.3s ease;
} 

button:hover { 
  background:#e68900; 
} 

#result { 
  margin-top:14px; 
  text-align:left; 
}

#result h2 {
  margin-bottom: 6px;
}