/* Inline <style> #2 — Octagram */


.logo-link{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:24px 0 36px;
    position:relative;
    animation:logoFloat 6s ease-in-out infinite;
}
.logo-link::before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    background:radial-gradient(circle,rgba(253,208,23,.35),transparent 70%);
    filter:blur(40px);
    opacity:.8;
    animation:glowPulse 5s ease-in-out infinite;
}
.logo-link img{
    position:relative;
    z-index:2;
    height:135px;
    filter:drop-shadow(0 10px 20px rgba(0,0,0,.8)) drop-shadow(0 0 25px rgba(253,208,23,.45));
    transition:.45s ease;
}
.logo-link img:hover{
    transform:scale(1.08);
    filter:drop-shadow(0 12px 25px rgba(0,0,0,.9)) drop-shadow(0 0 40px #fdd017);
}
@keyframes logoFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-8px);
    }
}
@keyframes glowPulse{
    0%,100%{
        opacity:.5;
        transform:scale(1);
    }
    50%{
        opacity:1;
        transform:scale(1.15);
    }
}
:root{
    --warna-teks-utama:#e8e8e8;
    --warna-harga:#fdd017;
    --gold:#fdd017;
    --silver:#e6e6e6;
    --font-premium:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
}
.t-body,
.purchase-form__us-dollars-notice,
.license-selector__description p,
.flyout__link p,
.t-icon-list__item{
    color:var(--warna-teks-utama)!important;
    text-shadow:0 2px 6px rgba(0,0,0,.7);
}
.js-purchase-price,
.purchase-form__price,
.t-currency{
    color:var(--warna-harga)!important;
    font-weight:800;
    letter-spacing:1px;
    animation:goldPrice 3s ease-in-out infinite;
}
@keyframes goldPrice{
    0%,100%{
        text-shadow:0 0 8px rgba(253,208,23,.4);
    }
    50%{
        text-shadow:0 0 20px rgba(253,208,23,.9);
    }
}
h1{
    font-size:32px;
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-family:var(--font-premium);
    margin:28px 0 16px;
    background:linear-gradient(180deg,#fff1a8,#fdd017,#b67b00);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-align:center;
    text-shadow:0 5px 15px rgba(0,0,0,.8);
}
h2{
    position:relative;
    font-size:30px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-family:var(--font-premium);
    margin:28px 0 20px;
    text-align:center;
    background:linear-gradient(180deg,#ffffff,#cfcfcf);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:0 4px 10px rgba(0,0,0,.9);
    animation:headingGlow 4s ease-in-out infinite;
}
@keyframes headingGlow{
    0%,100%{
        text-shadow:0 4px 10px rgba(0,0,0,.9),0 0 10px rgba(253,208,23,.2);
    }
    50%{
        text-shadow:0 5px 15px rgba(0,0,0,.9),0 0 25px rgba(253,208,23,.7);
    }
}
h2::after{
    content:"";
    position:absolute;
    bottom:-10px;
    left:50%;
    width:90px;
    height:3px;
    border-radius:5px;
    background:linear-gradient(90deg,transparent,#fdd017,transparent);
    transform:translateX(-50%);
    animation:underlineGlow 3s ease-in-out infinite;
}
@keyframes underlineGlow{
    0%,100%{
        width:80px;
        opacity:.6;
    }
    50%{
        width:140px;
        opacity:1;
    }
}
h2:hover{
    transform:scale(1.04);
    transition:.4s ease;
}