/**
 * ============================================================
 * DOMATEN Technology Stack
 * Popup Styles
 * Version: 1.0.0
 * ============================================================
 */

/* ============================================================
   OVERLAY
============================================================ */

.domaten-tech-popup-overlay{

    position:fixed;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:30px;

    background:rgba(0,0,0,.60);

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);

    opacity:0;

    visibility:hidden;

    transition:
        opacity .35s ease,
        visibility .35s ease;

    z-index:99999;

}

.domaten-tech-popup-overlay.active{

    opacity:1;

    visibility:visible;

}


/* ============================================================
   POPUP
============================================================ */

.domaten-tech-popup{

    position:relative;

    width:100%;

    max-width:560px;

    background:#111111;

    border:1px solid rgba(255,198,51,.20);

    border-radius:24px;

    padding:40px;

    color:#ffffff;

    transform:translateY(30px) scale(.96);

    opacity:0;

    transition:
        transform .35s ease,
        opacity .35s ease,
        box-shadow .35s ease;

    box-shadow:
        0 20px 60px rgba(0,0,0,.45);

}

.domaten-tech-popup-overlay.active .domaten-tech-popup{

    transform:translateY(0) scale(1);

    opacity:1;

}


/* ============================================================
   CLOSE BUTTON
============================================================ */

.domaten-tech-popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:50%;

    background:#1A1A1A;

    color:#ffffff;

    cursor:pointer;

    transition:all .30s ease;

}

.domaten-tech-popup-close:hover{

    background:#D0A54B;

    color:#111111;

    transform:rotate(90deg);

}


/* ============================================================
   LOGO
============================================================ */

.domaten-tech-popup-logo{

    display:block;

    width:78px;

    height:78px;

    margin:0 auto 25px;

    object-fit:contain;

}


/* ============================================================
   TITLE
============================================================ */

.domaten-tech-popup-title{

    margin:0;

    text-align:center;

    font-size:2rem;

    font-weight:700;

}


/* ============================================================
   DESCRIPTION
============================================================ */

.domaten-tech-popup-description{

    margin-top:20px;

    color:#B8B8B8;

    text-align:center;

    line-height:1.8;

    font-size:1rem;

}


/* ============================================================
   DIVIDER
============================================================ */

.domaten-tech-popup-divider{

    width:100%;

    height:1px;

    background:rgba(255,255,255,.08);

    margin:30px 0;

}


/* ============================================================
   OPTIONAL SECTION
============================================================ */

.domaten-tech-popup-section{

    margin-top:15px;

}

.domaten-tech-popup-section-title{

    margin-bottom:14px;

    color:#FFC633;

    font-size:.95rem;

    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;

}

.domaten-tech-popup-section-content{

    color:#D0D0D0;

    line-height:1.8;

}


/* ============================================================
   WEBSITE BUTTON
============================================================ */

.domaten-tech-popup-link{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    margin-top:35px;

    padding:14px 24px;

    border-radius:999px;

    border:1px solid #FFC633;

    background:transparent;

    color:#FFC633;

    text-decoration:none;

    font-weight:600;

    transition:all .30s ease;

}

.domaten-tech-popup-link:hover{

    background:#FFC633;

    color:#111111;

}


/* ============================================================
   HIDDEN OPTIONAL FIELDS
============================================================ */

.domaten-tech-popup-section:empty,

.domaten-tech-popup-description:empty,

.domaten-tech-popup-link:empty{

    display:none;

}