@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

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

  html,body{
    width:100%;
    min-height:100vh;
    background:#ffffff;
    font-family:'Poppins', sans-serif;
  }

  .page{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding: 60px 20px 140px;
  }

  .logo{
    width:min(230px, 32vw);
    height:auto;
    margin-bottom:18px;
  }

  /* ---------- NORAPHARMA shimmer text ---------- */
  .brand{
    font-weight:800;
    font-size:clamp(42px, 9vw, 96px);
    letter-spacing:4px;
    line-height:1;
    margin-bottom:14px;

    background: linear-gradient(
      100deg,
      #27AAE2 0%,
      #27AAE2 35%,
      #ffffff 50%,
      #27AAE2 65%,
      #27AAE2 100%
    );
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: shimmer 3.2s linear infinite;
  }

  @keyframes shimmer{
    0%   { background-position: 200% 0; }
    100% { background-position: -100% 0; }
  }

  .sub1{
    color:#1e589e;
    font-weight:600;
    font-size:clamp(14px, 2.2vw, 20px);
    letter-spacing:2px;
    margin-bottom:8px;
  }

  .sub2{
    color:#415560;
    font-weight:500;
    font-size:clamp(11px, 1.6vw, 14px);
    letter-spacing:1.5px;
  }

  /* ---------- bottom bar ---------- */
  .bottom-bar{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:64px;
    background:#27aae2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
  }

  .bottom-bar .bar-text{
    color:#ffffff;
    font-weight:500;
    font-size:clamp(13px, 2vw, 16px);
    letter-spacing:1px;
  }

  .enter-btn{
    opacity:0;
    transform: translateY(10px) scale(0.9);
    pointer-events:none;
    background:#ffffff;
    color:#27aae2;
    font-weight:700;
    font-size:14px;
    letter-spacing:2px;
    border:none;
    border-radius:24px;
    padding:9px 28px;
    cursor:pointer;
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .enter-btn.show{
    opacity:1;
    transform: translateY(0) scale(1);
    pointer-events:auto;
  }

  .enter-btn:hover{
    background:#eaf8ff;
  }