/*==================================================
   AJO89 EMBER ROSE THEME VARIABLES
==================================================*/

:root{
    --gold:#ffc247;
    --gold-soft:#ffe0a3;

    --red:#f97316;
    --red-dark:#9f1d14;

    --black:#090202;
    --black-soft:#260705;

    --text:#fff4e5;
    --text-soft:#d7b9a1;

    --font-premium:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
}

.logo-link{
    display:flex;
    justify-content:center;
    align-items:center;

    position:relative;

    margin:26px 0 36px;
}

.logo-link::before{
    content:"";

    position:absolute;

    width:230px;
    height:230px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(150,8,22,.28),
            rgba(255,216,74,.12),
            transparent 72%
        );

    filter:blur(38px);

    animation:logoAura 5s ease-in-out infinite;
}

.logo-link img{
    position:relative;
    z-index:2;

    height:132px;

    transition:
        transform .35s ease,
        filter .35s ease;

    filter:
        drop-shadow(0 10px 18px rgba(0,0,0,.82))
        drop-shadow(0 0 12px rgba(150,8,22,.42))
        drop-shadow(0 0 20px rgba(255,216,74,.24));
}

.logo-link:hover img{
    transform:scale(1.05);

    filter:
        drop-shadow(0 12px 24px rgba(0,0,0,.92))
        drop-shadow(0 0 18px rgba(165,12,24,.68))
        drop-shadow(0 0 28px rgba(255,216,74,.46));
}

@keyframes logoAura{
    0%,100%{
        opacity:.55;
        transform:scale(1);
    }

    50%{
        opacity:1;
        transform:scale(1.08);
    }
}


/*==================================================
   GLOBAL TEXT
==================================================*/

.t-body,
.purchase-form__us-dollars-notice,
.license-selector__description p,
.flyout__link p,
.t-icon-list__item{
    color:var(--text)!important;

    text-shadow:
        0 2px 5px rgba(0,0,0,.82);
}


/*==================================================
   PRICE
==================================================*/

.js-purchase-price,
.purchase-form__price,
.t-currency{
    color:var(--gold)!important;

    font-weight:900;

    letter-spacing:1px;

    text-shadow:
        0 0 8px rgba(255,216,74,.42);

    animation:priceGlow 3s ease infinite;
}

@keyframes priceGlow{
    0%,100%{
        text-shadow:
            0 0 8px rgba(255,216,74,.45);
    }

    50%{
        text-shadow:
            0 0 16px rgba(255,216,74,.82),
            0 0 24px rgba(150,8,22,.30);
    }
}


/*==================================================
   H1
==================================================*/

h1{
    margin:28px 0 16px;

    font-family:var(--font-premium);

    font-size:34px;

    font-weight:900;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:1.5px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            var(--gold-soft) 18%,
            var(--gold) 48%,
            #ba7d00 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    filter:
        drop-shadow(0 5px 10px rgba(0,0,0,.95));
}


/*==================================================
   H2
==================================================*/

h2{
    position:relative;

    margin:30px 0 24px;

    font-family:var(--font-premium);

    font-size:29px;

    font-weight:900;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:1.2px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fff4ad 20%,
            var(--gold-soft) 42%,
            var(--gold) 68%,
            #bb7f00 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    filter:
        drop-shadow(0 4px 10px rgba(0,0,0,.95));

    animation:headingGlow 4s ease infinite;
}

@keyframes headingGlow{
    0%,100%{
        filter:
            drop-shadow(0 4px 10px rgba(0,0,0,.92));
    }

    50%{
        filter:
            drop-shadow(0 4px 10px rgba(0,0,0,.92))
            drop-shadow(0 0 10px rgba(150,8,22,.30))
            drop-shadow(0 0 18px rgba(255,216,74,.24));
    }
}


/*==================================================
   UNDERLINE
==================================================*/

h2::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:-10px;

    transform:translateX(-50%);

    width:90px;
    height:3px;

    border-radius:30px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--red-dark),
            var(--gold),
            var(--red),
            transparent
        );

    box-shadow:
        0 0 10px rgba(255,216,74,.26),
        0 0 16px rgba(150,8,22,.20);

    animation:underlineFlow 3s ease infinite;
}

@keyframes underlineFlow{
    0%,100%{
        width:90px;
        opacity:.6;
    }

    50%{
        width:150px;
        opacity:1;
    }
}

/*==================================================
   MOBILE
==================================================*/

@media(max-width:768px){

.logo-link img{

height:105px;

}

h1{

font-size:26px;

}

h2{

font-size:22px;

}

}