html, body {
      height: 100%;
      margin: 0;
      padding: 0;
      background: #000;
      color: #fff;
      width: 100vw;
      overflow: hidden;
    }
    body {
      min-height: 100vh;
      font-family: 'Montserrat', Arial, sans-serif;
      position: relative;
    }
    #bg-canvas {
      position: fixed;
      top: 0; left: 0; width: 100vw; height: 100vh;
      z-index: 0;
      pointer-events: none;
    }
    .container {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100vh;
      width: 100vw;
      padding-left: 5vw;
      box-sizing: border-box;
      transition: all 0.5s;
    }
    .logo {
        max-width: 95vw;
        height: auto;
        margin-top: 0;
        filter: drop-shadow(0 0 6px rgba(255,255,255,0.05));
        transition: width 0.3s, margin 0.3s;
    }
    .slogan {
      font-size: 3.5rem;
      font-weight: 400;
      color: #fff;
      opacity: 0.93;
      letter-spacing: 1px;
      text-shadow: 0 0 6px rgba(255,255,255,0.08);
      margin: 0;
      padding: 0;
      max-width: 90vw;
    }
    .contact{
        position: fixed;
        bottom: 15px; 
        left: 50%; 
        transform: translateX(-50%); 
        z-index: 9999;  
        margin-top: 20px;
        font-size: 1.2rem;
        color: #fff;    
    }
    .contact a{
        text-decoration: none;
        color: #fff;    
        transition: color 0.4s ease;
    }
    .contact a:hover {
        color: #ffffffaa; 
    }
    .team{
        font-weight: bold;
        font-size:1.2rem;
    }
    @media (max-width: 900px) {
      .container {
        padding-left: 2vw;
      }
    .logo {
        width: min(400px, 80vw);
    }
      .slogan {
        margin-top:10px;
        font-size: 1.5rem;
      }
    }
    @media (max-width: 700px) {
    .container {
        padding-left: 0;
        height: auto;
        min-height: 100vh;
    }
    .logo {
        width: 70vw;
        max-width: 600px;
        display: block;
        margin: 0 auto;
        height: auto;
    }
    .slogan {
        margin-top: 5px;
        font-size: 1.2rem;
        text-align: center;
    }
    .contact{
        text-align: center;  
        width: 100%;   
        left: 50%;   
        transform: translateX(-50%);
    }
    .team{
        font-weight: bold;
    }
    }