@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

.property-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.gradient-text {
    background: linear-gradient(45deg, #4285F4, #34A853, #FBBC05, #EA4335);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.google-btn {
    background: linear-gradient(45deg, #4285F4, #34A853);
}
.google-btn:hover {
    background: linear-gradient(45deg, #EA4335, #FBBC05);
}

/* Web3 Section Styles */
.web3-section {
  position: relative;
  overflow: hidden;
}

.web3-section::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(66,133,244,0.1) 0%, rgba(0,0,0,0) 70%);
  animation: rotate 20s linear infinite;
  z-index: 0;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}