/* Reset & Base */
html { scroll-behavior: smooth; }

/* Global Font Override */
:root {
  --font-primary: 'Google Sans', 'Inter', sans-serif;
}
body, html, h1, h2, h3, h4, h5, h6, p, a, span, button, input, div, .font-sans, .font-serif, .font-mono {
  font-family: var(--font-primary) !important;
}
::selection { background-color: #10B981; color: white; }

/* Custom Cursor */
@media (pointer: fine) {
  body { cursor: none; }
  .cursor-dot, .cursor-circle {
    display: block;
    position: fixed;
    top: 0; left: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 9999;
    mix-blend-mode: difference;
  }
  .cursor-dot { width: 6px; height: 6px; background: #10B981; border-radius: 50%; }
  .cursor-circle {
    width: 40px; height: 40px;
    border: 1px solid #94a3b8; border-radius: 50%;
    transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1),
                height 0.3s cubic-bezier(0.19, 1, 0.22, 1),
                background-color 0.3s;
  }
  body.hover-active .cursor-circle {
    width: 80px; height: 80px;
    background-color: rgba(16, 185, 129, 0.1);
    border-color: transparent;
  }
}

/* Utilities */
.text-balance { text-wrap: balance; }
.glass-panel {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* Loader */
.loader {
  position: fixed; inset: 0; z-index: 10000;
  background: #FFFFFF;
  display: flex; flex-direction: column;
  justify-content: center; align-items: center;
}
.loader-bar {
  width: 0%; height: 2px; background: #10B981;
  transition: width 0.1s linear;
}

/* Hide Scrollbar for Horizontal Scroll */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}