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

body { font-family: 'Space Grotesk', sans-serif; scroll-behavior: smooth; }

.glass-effect {
  background: rgba(15, 23, 42, 0.9);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-mesh {
  background-color: #0f172a;
  background-image:
    radial-gradient(at 0% 0%, rgba(249,115,22,0.15) 0, transparent 50%),
    radial-gradient(at 100% 100%, rgba(30,58,138,0.3) 0, transparent 50%);
}

.skew-box { transform: skewY(-2deg); }
.skew-content { transform: skewY(2deg); }

.tech-grid {
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 30px 30px;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 10px; }