/*
|--------------------------------------------------------------------------
| Approved Hero
|--------------------------------------------------------------------------
*/

.genyx-approved{

    background:var(--genyx-bg);

    color:var(--genyx-text);

}
.genyx-growth-title{

    position:relative;

    font-size:54px;

    line-height:1;

    font-weight:400;

    margin-bottom:90px;

    color:#fff;

}

.genyx-growth-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-38px;

    width:48px;

    height:2px;

    border-radius:2px;

    background:var(--genyx-primary);

}
.genyx-approved-hero{

    position:relative;

    overflow:hidden;

    padding:50px 0 120px;

    background-image:url("../images/approved-dashboard.webp");

    background-repeat:no-repeat;

    background-position:center top;

    background-size:100% auto;

}

.genyx-approved-hero::before{

    content:"";

    position:absolute;

    inset:0;


    pointer-events:none;

}

.genyx-approved-wrapper{

    position:relative;

    min-height:720px;

}

.genyx-approved-content{

    position:relative;

    z-index:2;

    width:480px;

    padding-top:40px;

}

.genyx-approved-eyebrow{

    color:var(--genyx-primary);

    letter-spacing:4px;

    text-transform:uppercase;

    font-size:15px;
font-weight: 600;
    margin-bottom:18px;

}

.genyx-approved-title{

    font-size:72px;

    font-weight:500;

    line-height:.9;

    letter-spacing:1px;

    margin:0;
	color:white;
}

.genyx-approved-subtitle{

    margin:18px 0;

  font-size:58px;

    line-height:1.05;

    max-width:520px;
	color:white;

}

.genyx-approved-success{

    color:var(--genyx-primary);

    font-size:24px;

    margin:42px 0 18px;

}

.genyx-approved-description{

    max-width:420px;

    color:#efefef;

    font-size:19px;

    line-height:1.8;

}
.genyx-approved-artwork{

    transform:translateX(-120px);

}

.genyx-approved-artwork img{

    display:none;

    width:100%;

    max-width:1200px;

    height:auto;

}

.genyx-status-card{

    position:absolute;
    top:55px;
    right:70px;
    z-index:5;

    width:320px;
    padding:28px;

    border-radius:18px;

    background:rgba(8, 14, 28, 0.45);

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

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
        0 8px 32px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.08);

    overflow:hidden;

}

.genyx-status-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:inherit;

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.08) 0%,
        rgba(255,255,255,0) 45%
    );

    pointer-events:none;

}
.genyx-status-card:hover{

    transform:translateY(-4px);

}

.genyx-status-label{

    color:var(--genyx-text-light);

    font-size:12px;

    letter-spacing:2px;

    margin-bottom:18px;

}

.genyx-status-box{

    display:flex;

    gap:18px;

    align-items:flex-start;

}

.genyx-status-icon{

    width:58px;

    height:58px;

    border-radius:50%;

    background:var(--genyx-bg-light);

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--genyx-primary);

    font-size:28px;

}

.genyx-status-title{

    color:var(--genyx-primary);

    font-size:18px;

    margin-bottom:18px;

}

.genyx-status-date{

    color:var(--genyx-text-light);

    line-height:1.7;

}

.genyx-status-date strong{

    display:block;

    color:var(--genyx-text);

    font-size:18px;
	font-weight:400;

}


/*
|--------------------------------------------------------------------------
| Access Features
|--------------------------------------------------------------------------
*/

.genyx-approved-access{

    padding:40px 0 70px;

}

.genyx-approved-access-card{

    background:var(--genyx-panel);

    border:1px solid var(--genyx-border);

    border-radius:var(--genyx-radius);

    box-shadow:var(--genyx-shadow);

    padding:45px;

}

.genyx-approved-access-title{

    text-align:center;

    color:var(--genyx-primary);

    font-size:20px;

    letter-spacing:5px;

    text-transform:uppercase;

    margin-bottom:45px;

}

.genyx-approved-features{

    display:grid;

    grid-template-columns:repeat(6,1fr);

}
.genyx-approved-feature:hover{

    background:#121824;

}

.genyx-approved-feature{

    text-align:center;

    padding:0 22px;

    border-right:1px solid var(--genyx-border);

    transition:var(--genyx-transition);

}

.genyx-approved-feature:last-child{

    border-right:none;

}

.genyx-approved-feature:hover{

    transform:translateY(-4px);

}

.genyx-approved-feature-icon{

    width:150px;

    height:150px;

    margin:0 auto 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:var(--genyx-transition);

}

.genyx-approved-feature-icon img{

    width:150px;

    height:150px;

    object-fit:contain;

    display:block;

    transition:var(--genyx-transition);

}

.genyx-approved-feature:hover .genyx-approved-feature-icon{

    transform:translateY(-4px);

}

.genyx-approved-feature:hover i{

    border-color:var(--genyx-primary);

}

.genyx-approved-feature h3{

    color:var(--genyx-text);

    font-size:22px;

    margin-bottom:14px;

    font-weight:600;

}

.genyx-approved-feature p{

    color:var(--genyx-text-muted);

    line-height:1.7;

    font-size:16px;

}

.genyx-approved-dashboard-button{

    margin-top:55px;

    text-align:center;

}

.genyx-dashboard-note{

    margin-top:18px;

    color:var(--genyx-text-muted);

}

.genyx-dashboard-note i{

    margin-right:8px;

}

/*
|--------------------------------------------------------------------------
| Bottom Cards
|--------------------------------------------------------------------------
*/

.genyx-approved-bottom{

    padding:70px 0 120px;

}

.genyx-approved-bottom-grid{

    display:grid;

    grid-template-columns:1.3fr 1fr .9fr;

    gap:30px;

}

.genyx-approved-card{

   /* background:var(--genyx-panel);*/

    border:1px solid var(--genyx-border);

    border-radius:var(--genyx-radius);

    box-shadow:var(--genyx-shadow);

    transition:var(--genyx-transition);

    padding:35px;
	height:864px;

}

.genyx-approved-card:hover{

    transform:translateY(-4px);

}

.genyx-card-heading{

    color:var(--genyx-primary);

    letter-spacing:3px;

    font-size:20px;

    margin-bottom:35px;

    text-transform:uppercase;

}

.genyx-next-step{

    display:flex;

    align-items:flex-start;

    gap:22px;

    margin-bottom:30px;

}

.genyx-next-number{

    width:42px;

    height:42px;

    border-radius:50%;

    border:2px solid var(--genyx-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--genyx-text);

    font-weight:600;

    flex-shrink:0;

}

.genyx-next-content h3{

    color:var(--genyx-text);

    margin-bottom:8px;

    font-size:21px;

}

.genyx-next-content p{

    color:#9ea8b8;

    line-height:1.7;

}

.genyx-card-text{

    color: white;

    line-height:1.9;

    margin-bottom:30px;

}

.genyx-card-highlight{

    color:var(--genyx-primary);

    font-size:20px;

    line-height:1.6;

    margin-bottom:35px;

}

.genyx-next-header{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:10px;

}

.genyx-next-arrow{

    color:var(--genyx-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.genyx-next-arrow svg{

    width:22px;

    height:22px;

}
.genyx-next-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    border:2px solid rgba(44,120,255,.45);

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

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

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 18px rgba(44,120,255,.12);

}

.genyx-next-icon img{

    width:40px;

    height:40px;

    object-fit:contain;

    display:block;

}
.genyx-card-image{

    width:100%;

    display:block;

    border-radius:12px;

}

.genyx-growth-card{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

.genyx-growth-title{

    font-size:54px;

    line-height:1;

    font-weight:400;

    margin-bottom:50px;
	color:white;
	

}

.genyx-growth-title span{

    color:var(--genyx-primary);

}

/*responsive*/

@media(max-width:1100px){

    .genyx-approved-wrapper{

        grid-template-columns:1fr;

        gap:50px;

    }

    .genyx-status-card{

        position:relative;

        width:100%;

        max-width:360px;

        margin:auto;

    }

    .genyx-approved-title{

        font-size:56px;

    }

    .genyx-approved-subtitle{

        font-size:38px;

    }

}

@media(max-width:1200px){

    .genyx-approved-features{

        grid-template-columns:repeat(3,1fr);

        row-gap:40px;

    }

}

@media(max-width:768px){

    .genyx-approved-features{

        grid-template-columns:1fr;

    }

    .genyx-approved-feature{

        border-right:none;

        border-bottom:1px solid var(--genyx-border);

        padding:30px 0;

    }

    .genyx-approved-feature:last-child{

        border-bottom:none;

    }

}

@media(max-width:1200px){

    .genyx-approved-bottom-grid{

        grid-template-columns:1fr;

    }

}
/*
|--------------------------------------------------------------------------
| Partner Login Modal
|--------------------------------------------------------------------------
*/

.genyx-login-modal{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

    padding:40px;

    background:
        rgba(3,6,12,.82);

    backdrop-filter:blur(12px);

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

    z-index:999999;

}

.genyx-login-modal-card{

    position:relative;

    width:520px;

    max-width:100%;

    padding:50px;

    border-radius:24px;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            rgba(13,18,30,.98),
            rgba(8,12,22,.98)
        );

    border:1px solid rgba(66,120,255,.25);

    box-shadow:
        0 35px 90px rgba(0,0,0,.65),
        0 0 60px rgba(44,120,255,.12),
        inset 0 1px 0 rgba(255,255,255,.05);

}

.genyx-login-modal-card::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:

        radial-gradient(

            circle at top,

            rgba(44,120,255,.18),

            transparent 60%

        );

}

.genyx-login-close{

    position:absolute;

    top:20px;

    right:20px;

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:transparent;

    border:none;

    cursor:pointer;

    transition:.25s;
	
	scale: 2;
	
	border:none !important;

}

.genyx-login-close i{

    font-size:10px;

    color:rgb(255, 0, 108);

    transition:.25s;

}



.genyx-login-close:hover i{

    color:#2c78ff;
	

}

.genyx-login-step{

    display:none;

}

.genyx-login-step.active{

    display:block;

    animation:genyxFade .35s ease;

}

.genyx-login-step h2{

    margin:0 0 14px;

    color:#fff;

    font-size:36px;

    font-weight:500;

    text-align:center;

}

.genyx-login-step p{

    margin:0 0 35px;

    color:#9ea8b8;

    line-height:1.8;

    text-align:center;

}

.genyx-success-icon{

    width:90px;

    height:90px;

    margin:0 auto 28px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:

        radial-gradient(

            circle,

            #2c78ff,

            #153d88

        );

    box-shadow:

        0 0 40px rgba(44,120,255,.35);

    color:#fff;

    font-size:40px;

}

.genyx-field{

    margin-bottom:24px;

}

.genyx-field label{

    display:block;

    margin-bottom:10px;

    color:#dce5ff;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

}

.genyx-field input{

    width:100%;

    height:58px;

    padding:0 18px;

    border-radius:12px;

    border:1px solid rgba(255,255,255,.08);

    background:#0d1422;

    color:#fff;

    font-size:16px;

    transition:.25s;

}

.genyx-field input:focus{

    outline:none;

    border-color:#2c78ff;

    box-shadow:

        0 0 0 4px rgba(44,120,255,.12);

}

.genyx-field input::placeholder{

    color:#7f8ca5;

}

#genyx-partner-email{

    background:#101929;

    color:#ffffff;

    cursor:not-allowed;

}

#genyx-create-account,

#genyx-send-otp,

#genyx-verify-otp{

    width:100%;

    margin-top:15px;

}

.genyx-login-error{

    min-height:22px;

    margin-top:14px;

    color:#ff6464;

    text-align:center;

    font-size:14px;

}

.genyx-btn.loading{

    opacity:.7;

    cursor:wait;

    pointer-events:none;

}

@keyframes genyxFade{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

/*---------------------------------------
OTP Inputs
---------------------------------------*/

.genyx-otp-inputs{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin:30px 0;

}

.genyx-otp-box{

    width:60px !important;

    min-width:60px;

    max-width:60px;

    height:64px !important;

    padding:0 !important;

    margin:0 !important;

    border-radius:12px;

    border:1px solid rgba(255,255,255,.10);

    background:#0d1422;

    color:#fff;

    font-size:28px;

    font-weight:600;

    text-align:center;

    outline:none;

    transition:.25s;

    box-sizing:border-box;

}

.genyx-otp-box:focus{

    border-color:#2c78ff;

    box-shadow:0 0 0 4px rgba(44,120,255,.15);

}

.genyx-otp-box:hover{

    border-color:rgba(44,120,255,.35);

}

#genyx-resend-otp{

    display:block;

    margin-top:22px;

    text-align:center;

    color:var(--genyx-primary);

    text-decoration:none;

    transition:.25s;

}

#genyx-resend-otp:hover{

    color:#fff;

}

.genyx-login-close,
.genyx-login-close:hover,
.genyx-login-close:focus,
.genyx-login-close:active{

    background:transparent !important;

    border-color:rgba(255,255,255,.08) !important;

    box-shadow:none !important;

    outline:none;

}

.genyx-partner-email{

    display:flex;

    align-items:center;

    min-height:58px;

    padding:0 70px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:12px;

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

    color:#ffffff;

    font-size:16px;

    font-weight:500;

    user-select:text;

    word-break:break-word;

}