body {
      font-family: 'Inter', sans-serif;
    }
    .hero-bg {
      background: linear-gradient(to right, #4A90E2, #357ABD);
    }
    .scroll-indicator {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 5px;
      background: #4A90E2;
      transform-origin: left;
      z-index: 1000;
      transition: transform 0.1s;
    }
    .profile-img {
      border-radius: 50%;
      border: 4px solid #fff;
      box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }
    .card:hover {
      transform: translateY(-10px);
      transition: transform 0.3s ease;
    }
    .animated-text {
      overflow: hidden;
      white-space: nowrap;
      border-right: 3px solid #4A90E2;
      animation: typing 4s steps(40, end), blink-caret 1s step-end infinite;
    }
    @keyframes typing {
      from { width: 0; }
      to { width: 100%; }
    }
    @keyframes blink-caret {
      from, to { border-color: transparent; }
      50% { border-color: #4A90E2; }
    }
    .fade-in {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    .fade-in.in-view {
      opacity: 1;
      transform: translateY(0);
    }