.checkers{
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.08;
    background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0 10px,transparent 10px 20px);
}

.glow{
    position:absolute;
    inset:auto auto 0 50%;
    width:720px;
    height:480px;
    filter:blur(80px);
    z-index:-1;
    opacity:.35;
    background:radial-gradient(60% 60% at 50% 50%,var(--a1),transparent 60%),radial-gradient(60% 60% at 30% 30%,var(--a2),transparent 60%),radial-gradient(60% 60% at 70% 70%,var(--a3),transparent 60%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-20deg) scale(2.5);
}

.gradient-text{
    background:linear-gradient(90deg,var(--a1),var(--a2),var(--a3));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.badge{
    display:inline-flex;
    gap:.4rem;
    align-items:center;
    font-size:12px;
    color:#dfe;
    border:1px solid var(--border);
    background:rgba(255,255,255,.06);
    padding:.35rem .6rem;
    border-radius:999px;
    width: max-content;
}