.premium-stats{

    background:#050816;

    padding:120px 0;

    overflow:hidden;

    position:relative;
}

.premium-stats::before{

    content:'';

    position:absolute;

    width:500px;
    height:500px;

    background:#2563eb;

    filter:blur(180px);

    opacity:.15;

    top:-100px;
    right:-100px;
}

.section-label{

    color:#60a5fa;

    font-size:13px;

    letter-spacing:3px;

    font-weight:700;
}

.premium-stats h2{

    font-size:4rem;

    font-weight:800;

    color:white;

    line-height:1.1;

    margin-top:20px;
}

.premium-stats p{

    color:#94a3b8;

    margin-top:25px;

    font-size:1.1rem;
}

.stats-grid{

    display:grid;

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

    gap:25px;
}

.glass-card{

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

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

    backdrop-filter:blur(25px);

    border-radius:28px;

    padding:40px;

    transition:.3s;
}

.glass-card:hover{

    transform:translateY(-12px);
}

.number{

    display:block;

    font-size:4rem;

    font-weight:900;

    background:linear-gradient(
        90deg,
        #60a5fa,
        #2563eb
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}

.glass-card h5{

    color:white;

    margin-top:15px;

    font-size:1.2rem;
}

.clean-navbar{
    background:#ffffff;
    border-bottom:1px solid #e5e7eb;
    padding:14px 0;
}

.clean-navbar .navbar-brand{
    font-size:20px;
    color:#111827;
    letter-spacing:-0.2px;
}

.clean-navbar .nav-link{
    color:#4b5563;
    font-weight:500;
    font-size:14px;
    transition:0.2s;
}

.clean-navbar .nav-link:hover{
    color:#111827;
}

.clean-navbar .btn-dark{
    background:#111827;
    border:1px solid #111827;
    font-weight:500;
    font-size:14px;
}

.clean-navbar .btn-dark:hover{
    opacity:0.9;
}

.clean-navbar .navbar-toggler{
    border:none;
}

.clean-navbar .navbar-toggler:focus{
    box-shadow:none;
}

.clean-hero{

    background:#ffffff;

    padding:90px 0;

}


.hero-label{

    font-size:12px;

    letter-spacing:2px;

    font-weight:600;

    color:#6b7280;

    margin-bottom:25px;

}



.clean-hero h1{

    font-size:clamp(2.5rem,5vw,4.8rem);

    line-height:1.05;

    letter-spacing:-2px;

    font-weight:800;

    color:#111827;

    max-width:750px;

}



.hero-text{

    margin-top:25px;

    font-size:1.15rem;

    line-height:1.7;

    color:#6b7280;

    max-width:600px;

}



.hero-actions{

    display:flex;

    gap:15px;

    margin-top:35px;

}



.hero-image img{

    max-height:520px;

    object-fit:contain;

}


/* mobile */

@media(max-width:768px){


    .clean-hero{

        padding:60px 0;

        text-align:center;

    }


    .clean-hero h1{

        font-size:2.5rem;

        letter-spacing:-1px;

    }


    .hero-text{

        font-size:1rem;

        margin-left:auto;

        margin-right:auto;

    }


    .hero-actions{

        flex-direction:column;

    }


    .hero-actions a{

        width:100%;

    }


    .hero-image img{

        max-height:320px;

    }

}

.packages-section{

    padding:100px 0;

    background:#fafafa;

}


.section-label{

    font-size:12px;

    letter-spacing:3px;

    color:#6b7280;

    font-weight:700;

}


.section-heading{

    font-size:clamp(2rem,4vw,3.5rem);

    font-weight:800;

    letter-spacing:-1px;

}


.section-desc{

    color:#6b7280;

    max-width:600px;

    margin:auto;

}



.premium-card{


    background:white;

    border:1px solid #e5e7eb;

    border-radius:24px;

    height:100%;

    overflow:hidden;

    transition:.3s;

}


.premium-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.08);

}



.popular-tag{

    background:#111827;

    color:white;

    text-align:center;

    padding:10px;

    font-size:13px;

    font-weight:600;

}



.card-content{

    padding:32px;

}



.card-content h4{

    font-size:22px;

    font-weight:700;

    line-height:1.3;

}



.desc{

    color:#6b7280;

    font-size:14px;

    min-height:60px;

}



.price{

    font-size:34px;

    font-weight:800;

    margin:25px 0 5px;

    color:#111827;

}



.resources{

    font-size:14px;

    color:#2563eb;

    font-weight:600;

}



.tech-list{

    margin:20px 0;

}



.tech-list span{


    display:inline-block;

    padding:7px 12px;

    background:#f3f4f6;

    border-radius:20px;

    font-size:12px;

    margin:3px;

}



.card-content ul{

    list-style:none;

    padding:0;

}



.card-content li{

    font-size:14px;

    margin-bottom:12px;

    color:#374151;

}



.card-content i{

    color:#16a34a;

    margin-right:8px;

}



.card-action{

    padding:25px 32px;

    border-top:1px solid #f1f1f1;

}



.card-action button{


    width:100%;

    border:none;

    background:#111827;

    color:white;

    padding:15px;

    border-radius:12px;

    font-weight:600;

}



.card-action button:hover{

    opacity:.9;

}

.features-section{

    padding:100px 0;

    background:#ffffff;

}


.feature-card{

    height:100%;

    padding:35px 28px;

    border:1px solid #e5e7eb;

    border-radius:24px;

    background:white;

    transition:.3s;

}



.feature-card:hover{

    transform:translateY(-8px);

    border-color:#d1d5db;

    box-shadow:0 20px 40px rgba(0,0,0,.06);

}



.feature-icon{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:16px;


    background:#f3f4f6;


    color:#111827;


    font-size:24px;


    margin-bottom:25px;

}



.feature-card h4{

    font-size:20px;

    font-weight:700;

    color:#111827;

    margin-bottom:15px;

}



.feature-card p{

    color:#6b7280;

    line-height:1.7;

    font-size:14px;

}



@media(max-width:768px){

    .features-section{

        padding:70px 0;

    }


    .feature-card{

        padding:30px 22px;

    }

}

.technology-section{

    padding:100px 0;

    background:#fafafa;

}



.technology-grid{


    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:18px;

}



.technology-item{


    display:flex;

    align-items:center;

    gap:10px;


    padding:16px 24px;


    background:white;


    border:1px solid #e5e7eb;


    border-radius:50px;


    color:#374151;


    font-weight:600;


    transition:.3s;


}



.technology-item i{


    font-size:20px;

    color:#111827;

}



.technology-item:hover{


    transform:translateY(-5px);


    box-shadow:0 15px 30px rgba(0,0,0,.08);


}



@media(max-width:768px){


    .technology-section{

        padding:70px 0;

    }


    .technology-grid{

        gap:12px;

    }


    .technology-item{


        width:100%;

        justify-content:center;

        padding:15px;

    }

}

.premium-footer{


    background:#111827;

    color:white;

    padding:90px 0 30px;

}



.footer-brand{


    font-size:32px;

    font-weight:800;

    letter-spacing:-1px;

}



.footer-text{


    color:#9ca3af;

    line-height:1.8;

    max-width:420px;

    margin-top:20px;

}



.premium-footer h6{


    font-size:14px;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#9ca3af;

    margin-bottom:25px;

}



.premium-footer a{


    display:block;

    color:#e5e7eb;

    text-decoration:none;

    margin-bottom:14px;

    font-size:15px;

}



.premium-footer a:hover{

    color:white;

}



.premium-footer p{


    color:#d1d5db;

    margin-bottom:12px;

}



.footer-bottom{


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

    margin-top:60px;

    padding-top:25px;


    display:flex;

    justify-content:space-between;


    color:#9ca3af;

    font-size:14px;

}



@media(max-width:768px){


    .premium-footer{


        padding:60px 0 25px;

    }


    .footer-brand{

        font-size:26px;

    }


    .footer-bottom{


        flex-direction:column;

        gap:15px;

    }


}

.contact-page{

    padding:100px 0;

    background:#fafafa;

}


.contact-card{

    background:white;

    border:1px solid #e5e7eb;

    border-radius:24px;

    padding:40px;

}


.contact-item{

    display:flex;

    gap:20px;

    align-items:flex-start;

    padding:25px 0;

    border-bottom:1px solid #f3f4f6;

}


.contact-item:last-child{

    border-bottom:none;

}


.contact-icon{

    width:55px;

    height:55px;

    min-width:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:#f9fafb;

    font-size:22px;

    color:#111827;

}


.contact-item h5{

    margin-bottom:8px;

    font-weight:700;

    color:#111827;

}


.contact-item p{

    margin:0;

    color:#6b7280;

    line-height:1.7;

}


@media(max-width:768px){

    .contact-page{

        padding:70px 0;

    }

    .contact-card{

        padding:25px;

    }

}

.about-page{

    padding:100px 0;

    background:#fafafa;

}

.about-card{

    background:white;

    border:1px solid #e5e7eb;

    border-radius:24px;

    padding:40px;

}

.about-card p{

    color:#6b7280;

    line-height:1.9;

}

.info-card{

    background:white;

    border:1px solid #e5e7eb;

    border-radius:20px;

    padding:30px;

    height:100%;

}

.info-card h4{

    font-weight:700;

    margin-bottom:15px;

}

.info-card p{

    color:#6b7280;

    margin-bottom:0;

}

.feature-list{

    padding-left:20px;

}

.feature-list li{

    margin-bottom:12px;

    color:#374151;

}

@media(max-width:768px){

    .about-page{

        padding:70px 0;

    }

    .about-card{

        padding:25px;

    }

}

.faq-page{

    padding:100px 0;

    background:#fafafa;

}

.accordion-item{

    border:1px solid #e5e7eb;

    border-radius:16px !important;

    overflow:hidden;

    margin-bottom:15px;

    background:white;

}

.accordion-button{

    font-weight:600;

    padding:20px;

    background:white;

}

.accordion-button:not(.collapsed){

    background:white;

    color:#111827;

    box-shadow:none;

}

.accordion-button:focus{

    box-shadow:none;

}

.accordion-body{

    color:#6b7280;

    line-height:1.8;

}

@media(max-width:768px){

    .faq-page{

        padding:70px 0;

    }

}