/* layout */

.hero-premium {
    min-height: 100vh;
    background: radial-gradient(circle at top left, rgba(255, 215, 0, .10), transparent 30%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, .04), transparent 25%),
    linear-gradient(135deg, #050505 0%, #0f0f10 40%, #181818 100%);
    padding: 80px 0;

}

.premium-section {
    background: linear-gradient(180deg, #0d0d0d 0%, #151515 100%);
    padding: 140px 0;
}

/* titles */

.hero-title {
    font-size: clamp(3rem, 7vw, 4.4rem);
    line-height: .95;
    font-weight: 800;
    letter-spacing: -3px;
}

.hero-title-small {
    font-size: clamp(2.4rem, 6vw, 4rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -2px;
}

.hero-description {
    max-width: 560px;
    font-size: 1.2rem;
    line-height: 1.7;
}

/* badge */

.hero-badge {
    display: inline-flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 999px;
    color: #ffd700;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .5px;
    background: rgba(255, 215, 0, .08);
    border: 1px solid rgba(255, 215, 0, .18);
    backdrop-filter: blur(10px);
}

/* buttons */

.hero-btn-primary {
    position: relative;
    z-index: 10;
    border: 0;
    color: #111;
    font-weight: 700;
    border-radius: 22px;
    padding: 18px 34px;
    background: linear-gradient(180deg, #fff27c 0%, #ffd700 55%, #c89b00 100%);
    box-shadow: 0 15px 45px rgba(255, 215, 0, .18);
    transition: .25s ease;
}

.hero-btn-primary:hover {
    transform: translateY(-2px);
}

.hero-btn-secondary {

    position: relative;
    z-index: 10;
    border-radius: 22px;
    padding: 18px 34px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .04);
    color: white;
    backdrop-filter: blur(10px);
}

/* video frame */

.premium-video-frame {
    position: relative;
    border-radius: 36px;
    overflow: hidden;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .08),
    rgba(255, 255, 255, .03));
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 25px 80px rgba(0, 0, 0, .65),
    0 0 0 1px rgba(255, 255, 255, .03) inset;
    backdrop-filter: blur(14px);

}

.video-topbar {
    height: 68px;
    padding: 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .05),
    rgba(255, 255, 255, .02));
}

.hero-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

/* floating card */

.hero-floating-card {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 5;
    padding: 18px 22px;
    border-radius: 24px;
    background: rgba(15, 15, 15, .72);
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
}

/* collapse */

.premium-collapse {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.premium-collapse-item {
    padding: 26px;
    border-radius: 28px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .05),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .06);
    backdrop-filter: blur(12px);
}

.premium-collapse-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    margin-bottom: 12px;
}

.premium-collapse-text {
    color: #9f9f9f;
    line-height: 1.7;
}

/* glow */

.hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
}

.hero-glow-1 {
    width: 500px;
    height: 500px;
    background: rgba(255, 215, 0, .10);
    top: -180px;
    left: -120px;
}

.hero-glow-2 {
    width: 450px;
    height: 450px;
    background: rgba(255, 255, 255, .05);
    bottom: -180px;
    right: -120px;
}

/* mobile */

@media (max-width: 1199px) {
    .hero-title,
    .hero-title-small {
        text-align: center;
    }
    .hero-description {
        text-align: center;
    }
    .hero-floating-card {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 20px;
        display: inline-block;
    }
}


/* pricing */
.pricing-card{
    min-height:720px;
}
.pricing-card {
    position: relative;
    border-radius: 36px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .06),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    box-shadow: 0 25px 70px rgba(0, 0, 0, .45);
    overflow: hidden;
    transition: .3s ease;
}

.pricing-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 215, 0, .18);
}

.pricing-card-featured {
    border: 1px solid rgba(255, 215, 0, .22);
    box-shadow: 0 30px 90px rgba(255, 215, 0, .08);
}

.pricing-card-inner {
    padding: 42px;
}

.pricing-popular {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 10px 16px;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff27c 0%, #ffd700 55%, #c89b00 100%);
    color: #111;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .7px;
}

.pricing-label {
    color: #ffd700;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.pricing-price {
    font-size: clamp(2.5rem, 4vw, 4rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -2px;
}


.pricing-divider{
    height:1px;
    width:100%;
    min-height:1px;
    background:rgba(255,255,255,.08);
    display:block;
    flex:0 0 auto;
    margin: 12px 0 30px;
}

.pricing-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pricing-feature {
    color: #d0d0d0;
    line-height: 1.6;
    font-size: 1.02rem;
}

@media (max-width: 991px) {
    .pricing-card-inner {
        padding: 32px;
    }
}


.cta-premium {
    position: relative;
    max-width: 1200px;
    padding: 70px;
    border-radius: 42px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .07),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    box-shadow: 0 30px 100px rgba(0, 0, 0, .55),
    0 0 0 1px rgba(255, 255, 255, .03) inset;
    overflow: hidden;

}

.cta-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top,
    rgba(255, 215, 0, .08),
    transparent 40%);
    pointer-events: none;
}

.cta-title {
    font-size: clamp(3rem, 7vw, 3.5rem);
    line-height: .95;
    font-weight: 800;
    letter-spacing: -3px;
}

.cta-description {
    max-width: 820px;
    font-size: 1.25rem;
    line-height: 1.8;
}

.cta-main-btn {
    padding-left: 44px !important;
    padding-right: 44px !important;
    font-size: 1.1rem;
}

.cta-metric {
    padding: 28px 20px;
    border-radius: 28px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .05),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .06);
    backdrop-filter: blur(12px);
    height: 100%;
}

.cta-metric-number {
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 800;
    color: white;
    line-height: 1;
    margin-bottom: 12px;
    letter-spacing: -1px;
}

.cta-metric-text {
    color: #a7a7a7;
    line-height: 1.6;
    font-size: .98rem;
}

@media (max-width: 991px) {
    .cta-premium {
        padding: 34px 24px;
        border-radius: 32px;
    }
    .cta-description {
        font-size: 1.08rem;
    }
}


.dashboard-layout {
    max-width: 1800px;
    margin: 0 auto;
}

/* SIDEBAR */

.premium-sidebar {
    position: relative;
    padding: 34px;
    border-radius: 38px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .05),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px);
    box-shadow: 0 25px 80px rgba(0, 0, 0, .45);
}

.premium-logo {
    display: flex;
    align-items: center;
    gap: 16px;
}

.premium-logo-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.2rem;
    color: #111;
    background: linear-gradient(180deg, #fff27c 0%, #ffd700 55%, #c89b00 100%);
}

.premium-logo-title {
    color: white;
    font-size: 1.3rem;
    font-weight: 700;
}

.premium-logo-subtitle {
    color: #8d8d8d;
    font-size: .88rem;
}

/* MENU */
.premium-menu-group {
    margin-bottom: 36px;
}

.premium-menu-title {
    color: #7e7e7e;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.premium-menu-link {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 0 18px;
    border-radius: 18px;
    color: #d0d0d0;
    text-decoration: none;
    transition: .25s ease;
    margin-bottom: 8px;
}

.premium-menu-link:hover,
.premium-menu-link.active {
    color: white;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .06),
    rgba(255, 255, 255, .03));
}

/* CONTENT */

.premium-content-card {
    position: relative;
    padding: 48px;
    border-radius: 42px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .05),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px);
    box-shadow: 0 30px 100px rgba(0, 0, 0, .45);
}

/* FORM */

.premium-form-card {
    padding: 34px;
    border-radius: 34px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .05),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .06);
}

.premium-label {
    display: block;
    color: white;
    font-weight: 600;
}

.premium-input {
    min-height: 62px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .08);
    background-color: rgba(255, 255, 255, .04);
    color: white;
    padding-left: 20px;
}

.premium-input:focus {
    background-color: rgba(255, 255, 255, .05);
    color: white;
    border-color: rgba(255, 215, 0, .20);
    box-shadow: none;
}

.premium-input option {
    background: #111;
    color: white;
}

/* PRICE */

.premium-price-box {
    padding: 28px;
    border-radius: 26px;
    background: linear-gradient(180deg,
    rgba(255, 255, 255, .04),
    rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .06);
}

.premium-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #d0d0d0;
    margin-bottom: 18px;
}

.premium-price-label {
    color: #9f9f9f;
}

.premium-price-value {
    color: white;
    font-weight: 700;
}

.premium-price-discount {
    color: #7dffc5;
    font-weight: 700;
}

.premium-price-divider {
    height: 1px;
    background: rgba(255, 255, 255, .08);
    margin: 20px 0;
}

.premium-price-total {
    color: white;
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 0;
}

/* FEATURES */
.premium-card-title {
    color: white;
    font-size: 1.4rem;
    font-weight: 700;
}

.premium-feature-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.premium-feature-item {
    color: #d0d0d0;
    line-height: 1.7;
}

/* MOBILE */
@media (max-width: 1199px) {
    .premium-content-card {
        padding: 28px;
    }

}

@media (max-width: 767px) {
    .premium-sidebar,
    .premium-content-card,
    .premium-form-card {
        border-radius: 28px;
    }
    .premium-content-card {
        padding: 24px;
    }
    .premium-form-card {
        padding: 24px;
    }
}

.premium-login-hint{
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(180deg,
    rgba(255,255,255,.04),
    rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.06);
    color: #bdbdbd;
    line-height: 1.7;
    font-size: .95rem;
}
.premium-login-form{
    padding-top: 10px;
}


/* ACCOUNT */

.premium-account-list{
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.premium-account-item{
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.premium-account-item:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

.premium-account-label{
    color: #8f8f8f;
    font-size: .9rem;
    margin-bottom: 8px;
}

.premium-account-value{
    color: white;
    font-size: 1.05rem;
    font-weight: 600;
}

/* PAYMENTS */

.premium-payments-subtitle{
    color: #8f8f8f;
    margin-top: 8px;
}

.premium-payments-table{
    min-width: 760px;
    color: #d0d0d0;
}

.premium-payments-table thead th{
    color: #8f8f8f;
    font-weight: 600;
    border-bottom-color: rgba(255,255,255,.08);
    background: transparent;
    padding-bottom: 18px;
}

.premium-payments-table tbody td{
    background: transparent;
    border-bottom-color: rgba(255,255,255,.06);
    padding-top: 20px;
    padding-bottom: 20px;
}

.premium-payment-status{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 700;
}

.premium-payment-status.success{
    color: #7dffc5;
    background: rgba(0,255,140,.08);
    border: 1px solid rgba(0,255,140,.14);
}
.premium-payment-status.pending{
    color: #ffd86b;
    background: rgba(255,215,0,.08);
    border: 1px solid rgba(255,215,0,.14);
}

.features-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.features-list li {
    text-align: left;
    margin-bottom: 6px;
    position: relative;
    padding-left: 18px;
}
.features-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    top: 0;
}
.features-list li.not-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}


.premium-cta-block{
    padding:2rem 2rem;
    text-align:center;
}
.premium-cta-text{
    position:relative;
    font-size:clamp(2rem,4vw,2.75rem);
    line-height:1.25;
    font-weight:600;
    letter-spacing:-0.02em;
    color:#fff;
    max-width:900px;
    margin:0 auto;
    padding:2.5rem 0;
}

.premium-cta-text:before,
.premium-cta-text:after{
    content:"";
    display:block;
    width:80px;
    height:2px;
    background:rgba(255,255,255,.7);
    margin:0 auto;
}




.premium-cta-text:before,
.premium-cta-text:after{
    content:"";
    display:block;
    width:100px;
    height:1px;
    background:linear-gradient(
            to right,
            transparent,
            rgba(255,255,255,.8),
            transparent
    );
}

.premium-cta-text:before{
    margin-bottom:2rem;
}

.premium-cta-text:after{
    margin-top:2rem;
}

@media (max-width:768px){

    .premium-cta-block{
        padding:3rem 1rem;
    }

    .premium-cta-text{
        font-size:clamp(1.5rem,7vw,2.25rem);
        line-height:1.3;
    }

}


.pricingCube {
    width:100%;
    height:100%;
    padding: 0;

}

.pricingCube .swiper-wrapper{
    height:100%;
}
.pricingCube .swiper-slide{
    display:flex;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}
.pricingCube .pricing-card-inner{
    width:100%;
}