@font-face{font-family:"Noto Sans";font-style:normal;font-weight:100 900;font-stretch:100%;src:url("assets/noto-sans.woff2") format("woff2")}html{line-height:1.15;-webkit-text-size-adjust:100%}*,::before,::after{box-sizing:border-box}body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:-.375px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1{font-family:"Noto Sans",sans-serif}img{border-style:none;height:auto;max-width:100%}a{background-color:transparent;text-decoration:none}a:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}

    .agp-transition-page {
      width: 100dvw;
      min-height: 100dvh;
      margin: 0;
      padding: clamp(2rem, 5dvw, 4rem);
      box-sizing: border-box;
      background: linear-gradient(
        180deg,
        #F7B5CD 0%,
        #F8C8B0 42%,
        #FFD84D 100%
      );
      color: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      overflow-x: hidden;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .agp-transition-inner {
      width: min(100%, 680px);
      min-height: calc(100dvh - clamp(4rem, 10dvw, 8rem));
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: clamp(1.15rem, 2.75dvh, 2rem);
    }

    .agp-geek-icon {
      width: 48px;
      max-width: 48px;
      height: 48px;
      object-fit: contain;
      display: block;
    }

    .agp-message {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.85rem;
    }

    .agp-message h1 {
      margin: 0;
      max-width: 560px;
      color: #000;
      font-size: clamp(1.85rem, 4.25dvw, 3.35rem);
      line-height: 0.98;
      letter-spacing: -0.05em;
      font-weight: 900;
    }

    .agp-message p {
      margin: 0;
      max-width: 560px;
      color: #000;
      font-size: clamp(0.95rem, 1.45dvw, 1.12rem);
      line-height: 1.5;
      font-weight: 500;
    }

    .agp-new-link {
      display: inline-block;
      margin-top: 0.15rem;
      color: #000;
      font-weight: 800;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 0.22em;
    }

    .agp-new-link:hover,
    .agp-new-link:focus {
      opacity: 0.75;
    }

    .agp-logo-stack {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.85rem;
      width: 100%;
    }

    .agp-old-logo {
      width: min(44dvw, 120px);
      max-width: 120px;
      height: auto;
      display: block;
    }

    .agp-arrow {
      font-size: clamp(1.25rem, 2.75dvw, 1.8rem);
      line-height: 1;
      font-weight: 900;
    }

    .agp-sunny-logo {
      width: min(70dvw, 195px);
      max-width: 195px;
      height: auto;
      display: block;
    }

    @media (max-width: 600px) {
      .agp-transition-page {
        padding: 2rem 1.25rem;
      }

      .agp-transition-inner {
        min-height: calc(100dvh - 4rem);
      }

      .agp-geek-icon {
        width: 48px;
        max-width: 48px;
        height: 48px;
      }

      .agp-message h1 {
        font-size: clamp(1.75rem, 9dvw, 2.6rem);
      }

      .agp-message p {
        font-size: 0.95rem;
      }

      .agp-old-logo {
        width: min(58dvw, 120px);
        max-width: 120px;
      }

      .agp-sunny-logo {
        width: min(76dvw, 195px);
        max-width: 195px;
      }
    }