* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        font-family: 'DM Sans', sans-serif;
        overflow: hidden;
        height: 100vh;
        width: 100vw;
      }

      .hero {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
      }

      .hero-bg {
        position: absolute;
        inset: 0;
        background-image: url('/main/asset/image/background/background.webp');
        background-size: cover;
        background-position: center;
        transform: scale(1.04);
        animation: slowZoom 18s ease-out forwards;
      }

      @keyframes slowZoom {
        from { transform: scale(1.04); }
        to   { transform: scale(1.0); }
      }

      .hero-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          to right,
          rgba(0, 0, 0, 0.55) 0%,
          rgba(0, 0, 0, 0.25) 55%,
          rgba(0, 0, 0, 0.60) 100%
        );
      }

      .content-left {
        position: absolute;
        top: 50%;
        left: 7%;
        transform: translateY(-50%);
        max-width: 520px;
        animation: fadeUp 1s ease-out both;
      }

      @keyframes fadeUp {
        from { opacity: 0; transform: translateY(calc(-50% + 24px)); }
        to   { opacity: 1; transform: translateY(-50%); }
      }

      .school-title {
        font-family: 'Cormorant Garamond', serif;
        font-weight: 300;
        font-size: clamp(3rem, 6.5vw, 6rem);
        line-height: 1.05;
        color: #ffffff;
        letter-spacing: -0.01em;
        margin-bottom: 2rem;
      }

      .school-desc {
        font-size: 0.92rem;
        font-weight: 300;
        color: rgba(255, 255, 255, 0.72);
        line-height: 1.75;
        max-width: 420px;
      }

      /* Class list moved to publicNav */
      
      .batch-badge {
        position: absolute;
        top: 2.2rem;
        left: 7%;
        font-family: 'DM Sans', sans-serif;
        font-size: 0.72rem;
        font-weight: 400;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.5);
        animation: fadeUp 0.8s 0.1s ease-out both;
      }

      .year-tag {
        position: absolute;
        bottom: 2rem;
        left: 7%;
        font-size: 0.7rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.35);
        font-weight: 300;
      }
/* fab moved to publicNav*/