/* Extracted from inline <style> block #8. */
.n-columns-2 {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 10px;
          font-weight: 700;
        }

        /* BASE BUTTON */
        .n-columns-2 a {
          text-align: center;
          text-decoration: none;
          padding: 18px 10px;
          border-radius: 5px;
          font-size: 18px;
          letter-spacing: 0.5px;
          transition: all 0.5s ease;
          position: relative;
          overflow: hidden;
        }

        /* LOGIN BUTTON - DARK BLUE ELEGANT */
        .login {
          color: #ffffff;
          background: linear-gradient(180deg, #da0404, #d40000, #980000);
          border: 2px solid rgba(255, 255, 255, 0.15);
        }

        /* REGISTER BUTTON - BRIGHT BLUE PREMIUM */
        .register {
          color: #ffffff;
          background: linear-gradient(180deg, #da0404, #d40000, #980000);
          border: 2px solid rgba(255, 255, 255, 0.15);
        }

        /* HOVER EFFECT */
        .login:hover {
          transform: translateY(-2px);
        }

        .register:hover {
          transform: translateY(-2px);
        }

        /* SHINE EFFECT */
        .n-columns-2 a::before {
          content: "";
          position: absolute;
          top: 0;
          left: -75%;
          width: 50%;
          height: 100%;
          background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.25), transparent);
          transform: skewX(-20deg);
        }

        .n-columns-2 a:hover::before {
          left: 120%;
          transition: 0.6s;
        }