*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    scroll-behavior:smooth;
}
body{
    font-family:'Poppins',sans-serif;
    background:#050816;
    color:white;
    overflow-x:hidden;
}
nav{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 5%;
    position:fixed;
    top:0;
    z-index:1000;
    background:rgba(0,0,0,0.45);
    backdrop-filter:blur(12px);
}

.logo{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:55px;
}
.logo img{
    width:45px;
    height:45px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(9, 4, 39, 0.5);
    transition:0.4s;
}
.logo img:hover{
    transform:scale(1.08);
    box-shadow:0 0 20px rgba(22, 18, 14, 0.4);
}
.logo span{
    margin-left: 5px;
}

/* RESPONSIVE */
@media(max-width:768px){
    .logo img{
        width:40px;
        height:40px;
    }
}

.nav-links{
    display:flex;
    gap: 25px;
    list-style:none;
}
.nav-links a{
    text-decoration:none;
    color:white;
    transition:0.3s;
}
.nav-links a:hover{
    color:#f7931a;
}
.btn-nav{
    text-decoration:none;
    background:#f7931a;
    color:white;
    padding:12px 22px;
    border-radius:40px;
    font-weight:600;
    transition:0.3s;
}
.btn-nav:hover{
    transform:scale(1.08);
    box-shadow:0 0 20px #f7931a;
}



.bitcoin-animation span{
    position:absolute;
    font-size:40px;
    color:#f7931a;
    opacity:0.3;
    animation:float 8s linear infinite;
}
.bitcoin-animation span:nth-child(1){
    left:10%;
    animation-delay:0s;
}
.bitcoin-animation span:nth-child(2){
    left:30%;
    animation-delay:2s;
}
.bitcoin-animation span:nth-child(3){
    left:60%;
    animation-delay:4s;
}
.bitcoin-animation span:nth-child(4){
    left:80%;
    animation-delay:6s;
}

@keyframes float{
    0%{
        transform:translateY(100vh) rotate(0deg);
    }

    100%{
        transform:translateY(-100vh) rotate(360deg);
    }
}





/*==================================================
PARTNER HERO
==================================================*/

.partnerHero{

    width:100%;
    min-height:95vh;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:70px;

    padding:120px 8% 80px;

    background:
    linear-gradient(
    120deg,
    #fff 55%,
    #fff7ea 100%);

    overflow:hidden;

}


.heroContent{

    flex:1;

    animation:fadeLeft 1s ease;

}


.heroBadge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#fff;

    padding:10px 18px;

    border-radius:40px;

    color:#f4a000;

    font-weight:700;

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

}


.heroContent h1{

    margin-top:30px;

    font-size:60px;

    line-height:1.1;

    font-weight:800;

    color:#111;

}


.heroContent h1 span{

    color:#f4a000;

}


.heroContent p{

    margin:30px 0;

    font-size:19px;

    line-height:1.9;

    color:#666;

    max-width:620px;

}


.heroButtons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}


.btnPrimary{

    background:#f4a000;

    color:#fff;

    text-decoration:none;

    padding:18px 35px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    box-shadow:
    0 15px 35px rgba(244,160,0,.35);

}


.btnPrimary:hover{

    transform:translateY(-6px);

}


.btnSecondary{

    text-decoration:none;

    color:#222;

    padding:18px 35px;

    border-radius:50px;

    background:#fff;

    border:1px solid #ddd;

    font-weight:700;

    transition:.35s;

}


.btnSecondary:hover{

    background:#111;

    color:white;

}


.heroImage{

    flex:1;

    position:relative;

    display:flex;
    justify-content:center;

    animation:fadeRight 1s ease;

}


.heroImage img{

    width:100%;

    max-width:650px;

    border-radius:30px;

    object-fit:cover;

    position:relative;

    z-index:2;

    box-shadow:
    0 35px 70px rgba(0,0,0,.18);

}


.heroGlow{

    position:absolute;

    width:420px;

    height:420px;

    background:#ffd36a;

    filter:blur(120px);

    opacity:.45;

    border-radius:50%;

    top:50%;

    left:50%;

    transform:
    translate(-50%,-50%);

}


@keyframes fadeLeft{

from{

opacity:0;

transform:
translateX(-60px);

}

to{

opacity:1;

transform:none;

}

}


@keyframes fadeRight{

from{

opacity:0;

transform:
translateX(60px);

}

to{

opacity:1;

transform:none;

}

}


@media(max-width:1000px){

.partnerHero{

flex-direction:column;

text-align:center;

padding-top:90px;

}


.heroContent h1{

font-size:42px;

}


.heroContent p{

margin:auto;
margin-top:25px;
margin-bottom:30px;

}


.heroButtons{

justify-content:center;

}

}





/*====================================
WHY PARTNER
====================================*/

.whyPartner{

    padding:100px 8%;

    background:#ffffff;

}


.sectionTitle{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}


.sectionTitle span{

    color:#f4a000;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}


.sectionTitle h2{

    font-size:42px;

    color:#111;

    margin:15px 0;

    font-weight:800;

}


.sectionTitle p{

    color:#666;

    font-size:18px;

    line-height:1.8;

}


.whyGrid{

    display:grid;

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

    gap:30px;

}


.whyCard{

    background:#fff;

    padding:40px 30px;

    border-radius:22px;

    text-align:center;

    transition:.4s;

    border:1px solid #ececec;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

    position:relative;

    overflow:hidden;

}


.whyCard::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:5px;

    background:#f4a000;

    transform:scaleX(0);

    transition:.4s;

}


.whyCard:hover::before{

    transform:scaleX(1);

}


.whyCard:hover{

    transform:translateY(-12px);

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

}


.whyIcon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fff7e5;

    color:#f4a000;

    font-size:34px;

    margin-bottom:25px;

    transition:.4s;

}


.whyCard:hover .whyIcon{

    transform:rotateY(180deg);

    background:#f4a000;

    color:#fff;

}


.whyCard h3{

    font-size:24px;

    margin-bottom:15px;

    color:#111;

}


.whyCard p{

    color:#666;

    line-height:1.8;

}


@media(max-width:1100px){

.whyGrid{

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

}

}


@media(max-width:700px){

.sectionTitle h2{

font-size:32px;

}

.whyGrid{

grid-template-columns:1fr;

}

}





/*=========================================
PARTNER CATEGORIES
=========================================*/

.partnerCategories{

    padding:110px 8%;

    background:#f8f9fc;

}

.partnerGrid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.partnerCard{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    transition:.45s;

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

    border:1px solid #ececec;

}

.partnerCard:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 60px rgba(0,0,0,.14);

}

.partnerCard img{

    width:100%;

    height:200px;

    object-fit:cover;

    transition:.5s;

}

.partnerCard:hover img{

    transform:scale(1.08);

}

.partnerBody{

    padding:28px;

}

.partnerBody i{

    font-size:34px;

    color:#f4a000;

    margin-bottom:20px;

}

.partnerBody h3{

    font-size:24px;

    color:#111;

    margin-bottom:15px;

}

.partnerBody p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

    min-height:95px;

}

.partnerBtn{

    width:100%;

    border:none;

    background:#f4a000;

    color:white;

    padding:15px;

    border-radius:10px;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

}

.partnerBtn:hover{

    background:#111;

}

@media(max-width:1200px){

.partnerGrid{

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

}

}

@media(max-width:700px){

.partnerGrid{

grid-template-columns:1fr;

}

}



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

.partnerPopup{

    position:fixed;

    inset:0;

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

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9999;

    padding:20px;

}

.partnerPopup.active{

    opacity:1;

    visibility:visible;

}

.popupBox{

    width:900px;

    max-width:100%;

    background:white;

    border-radius:22px;

    overflow:hidden;

    display:grid;

    grid-template-columns:320px 1fr;

    position:relative;

    animation:popupAnim .35s;

}

.popupImage img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.popupContent{

    padding:45px;

}

.popupIcon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#fff6df;

    color:#f4a000;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:20px;

}

.popupContent h2{

    font-size:32px;

    color:#111;

    margin-bottom:20px;

}

.popupContent p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.popupContent ul{

    margin:0;

    padding-left:20px;

    color:#555;

}

.popupContent li{

    margin-bottom:10px;

}

.continueBtn{

    margin-top:35px;

    background:#f4a000;

    color:white;

    border:none;

    padding:16px 35px;

    border-radius:10px;

    cursor:pointer;

    font-weight:700;

    transition:.3s;

}

.continueBtn:hover{

    background:#111;

}

.closePopup{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#f5f5f5;

    cursor:pointer;

    font-size:18px;

}

.closePopup:hover{

    background:#f4a000;

    color:white;

}

@keyframes popupAnim{

from{

opacity:0;

transform:scale(.85);

}

to{

opacity:1;

transform:scale(1);

}

}

@media(max-width:900px){

.popupBox{

grid-template-columns:1fr;

}

.popupImage{

height:220px;

}

.popupContent{

padding:30px;

}

.popupContent h2{

font-size:26px;

}

}




/*==================================
PARTNER FORM
==================================*/

.partnerFormSection{

    display:none;

    padding:110px 8%;

    background:white;

}

.partnerFormSection.active{

    display:block;

    animation:fadeForm .6s;

}

.formContainer{

    max-width:1100px;

    margin:auto;

}

.formGrid{

    display:grid;

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

    gap:25px;

}

.formGroup{

    display:flex;

    flex-direction:column;

}

.formGroup.full{

    grid-column:1/-1;

}

.formGroup label{

    margin-bottom:10px;
    color: #10162d;
    font-weight:600;

}

.formGroup input,
.formGroup textarea{

    padding:16px;

    border:1px solid #ddd;

    border-radius:10px;

    font-size:15px;

    transition:.3s;

}

.formGroup input:focus,
.formGroup textarea:focus{

    border-color:#f4a000;

    outline:none;

    box-shadow:0 0 0 4px rgba(244,160,0,.15);

}

.optionTitle{
    color: #10162d;
    margin:15px 0 25px;

}

.checkboxGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:40px;
}
.checkboxGrid label{
    display:flex;
    align-items:center;
    gap:10px;
    color: #10162d;
    background:#d7dadd;
    padding:15px;
    border-radius:10px;
    cursor:pointer;
    transition:.3s;

}

.checkboxGrid label:hover{

    background:#fff7e8;

}

.accept{
    display:flex;
    align-items:center;
    gap:10px;
    margin:30px 0;
    color: #10162d;
}
.submitPartner{
    width:100%;
    padding:18px;
    border:none;
    background:#f4a000;
    color:white;
    font-size:17px;
    font-weight:700;
    border-radius:12px;
    cursor:pointer;
    transition:.3s;
}

.submitPartner:hover{

    background:#111;

}

@keyframes fadeForm{

from{

opacity:0;
transform:translateY(40px);

}

to{

opacity:1;
transform:none;

}

}

@media(max-width:900px){

.formGrid,
.checkboxGrid{

grid-template-columns:1fr;

}

}














/*====================================
THANK YOU PAGE
====================================*/

.thankSection{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:40px;

    background:

    linear-gradient(
    135deg,
    #fff,
    #fff6e5);

}

.thankCard{

    width:700px;

    max-width:100%;

    background:white;

    padding:60px;

    border-radius:30px;

    text-align:center;

    box-shadow:

    0 30px 80px rgba(0,0,0,.12);

    animation:thankAnim .8s;

}

.successCircle{

    width:120px;

    height:120px;

    margin:auto;

    margin-bottom:35px;

    border-radius:50%;

    background:#f4a000;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:55px;

    animation:pulse 2s infinite;

}

.miniTitle{

    color:#f4a000;

    font-weight:700;

    letter-spacing:2px;

}

.thankCard h1{

    margin:20px 0;

    font-size:55px;

    color:#111;

}

.thankCard p{

    color:#666;

    line-height:2;

    font-size:18px;

}

.thankButtons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:45px;

    flex-wrap:wrap;

}

.homeBtn,
.partnerBtn2{

    text-decoration:none;

    padding:18px 35px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.homeBtn{

    background:#f4a000;

    color:white;

}

.partnerBtn2{

    background:#111;

    color:white;

}

.homeBtn:hover,
.partnerBtn2:hover{

    transform:translateY(-6px);

}

@keyframes thankAnim{

from{

opacity:0;

transform:translateY(60px);

}

to{

opacity:1;

transform:none;

}

}

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}

@media(max-width:768px){

.thankCard{

padding:40px 25px;

}

.thankCard h1{

font-size:38px;

}

.successCircle{

width:90px;

height:90px;

font-size:40px;

}

}






















/*====================================
PARTNERS
====================================*/

.partnersSection{

    padding:110px 0;

    background:#fafafa;

    overflow:hidden;

}

.partnersSlider{

    width:100%;

    overflow:hidden;

    margin-top:70px;

    position:relative;

}

.partnersTrack{

    display:flex;

    align-items:center;

    width:max-content;

    animation:partnerScroll 35s linear infinite;

}

.partnersTrack img{

    width:170px;

    height:90px;

    object-fit:contain;

    margin:0 45px;

    filter:grayscale(100%);

    opacity:.65;

    transition:.35s;

}

.partnersTrack img:hover{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}

.partnersSlider:hover .partnersTrack{

    animation-play-state:paused;

}

@keyframes partnerScroll{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

@media(max-width:768px){

.partnersTrack img{

width:120px;

margin:0 25px;

}

}







/*====================================
PARTNER CTA
====================================*/

.partnerCTA{

    padding:90px 8%;

    background:linear-gradient(135deg,#f4a000,#ffb300);

}

.partnerCTAContent{

    max-width:900px;

    margin:auto;

    text-align:center;

}

.partnerCTAContent h2{

    color:#fff;

    font-size:42px;

    margin-bottom:20px;

}

.partnerCTAContent p{

    color:#fff;

    font-size:18px;

    line-height:1.8;

    opacity:.95;

    margin-bottom:40px;

}

.partnerCTAButton{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 35px;

    background:#fff;

    color:#111;

    text-decoration:none;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.partnerCTAButton:hover{

    transform:translateY(-6px);

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

}

@media(max-width:768px){

.partnerCTAContent h2{

font-size:30px;

}

}




























































/* MOBILE */
@media(max-width:900px){
    nav{
        flex-direction:column;
        gap:15px;
    }
    .nav-links{
        flex-wrap:wrap;
        justify-content:center;
    }
    .hero-content h1{
        font-size:42px;
    }
    .hero-content p{
        font-size:18px;
    }
    .about-container{
        grid-template-columns:1fr;
    }
    .section-title h2{
        font-size:34px;
    }
    .vision-content h2,
    .don-container h2{
        font-size:36px;
    }
}


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

@media(max-width:900px){
    nav{
     flex-direction:column;

        gap:18px;
        padding:18px;
    }
    .nav-links{
        flex-wrap:wrap;
        justify-content:center;
        gap:18px;
        margin:0;
    }
    .nav-links a{
        font-size:15px;
    }
    .btn-nav{
        width:auto;
    }
    .payment-page{
        padding-top:240px;
    }
    h1{
        font-size:38px;
    }
    .payment-header h2{
        font-size:24px;
    }

    .button-group{
        flex-direction:column;
    }

    .payment-card,
    .contact-card{
        padding:25px;
    }

    textarea{
        min-height:250px;
    }

}











.bio-footer{
    margin-top:-5rem;
    background:#10162d;
    border-top:1px solid rgba(182, 184, 201, 0.15);
    position:relative;
    overflow:hidden;
}
.footer-container{
    max-width:1200px;
    margin:auto;
    padding:70px 20px 40px;
}
.footer-logo{
    text-align:center;
    margin-bottom:50px;
}
.footer-logo h2{
    font-size:42px;
    color:#f7931a;
    margin-bottom:15px;
}
.footer-logo p{
    color:#dfdddd;
    max-width:650px;
    margin:auto;
    line-height:1.9;
}
.footer-socials{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin-bottom:50px;
}
.social-link{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(109, 105, 105, 0.08);
    border-radius:20px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:15px;
    text-decoration:none;
    color:rgb(206, 205, 205);
    transition:0.4s;
    backdrop-filter:blur(10px);
}
.social-link:hover{
    transform:translateY(-6px);
    border-color:#f7931a;
    box-shadow:0 0 25px rgba(247,147,26,0.2);
    color:rgb(255, 255, 255);
}
.social-link img{
    width:38px;
    height:38px;
    object-fit:contain;
}
.social-link span{
    font-size:16px;
    font-weight:500;
}
.footer-bottom{
    text-align:center;
    padding-top:30px;
    border-top:1px solid rgba(255,255,255,0.08);
}
.footer-bottom p{
    color:#888888;
    font-size:15px;
}
.footer-bottom a{
    color:#f8f7f7;
    font-size:15px;
}
/* HOVER COLORS */
.twitter:hover{
    background:rgba(29,161,242,0.12);
}
.telegram:hover{
    background:rgba(0,136,204,0.12);
}
.discord:hover{
    background:rgba(88,101,242,0.12);
}
.github:hover{
    background:rgba(255,255,255,0.06);
}
.instagram:hover{
    background:rgba(225,48,108,0.12);
}
.youtube:hover{
    background:rgba(255,0,0,0.12);
}
.linkedin:hover{
    background:rgba(0,119,181,0.12);
}
.website:hover{
    background:rgba(255, 255, 255, 0.685);
}
.bluesky:hover{
    background:rgba(0,133,255,0.12);
}
.bluesky img{
    background:white;
    border-radius:50%;
    padding:4px;
}
/* RESPONSIVE */
@media(max-width:768px){
    .footer-logo h2{
        font-size:34px;
    }
    .footer-socials{
        grid-template-columns:1fr;
    }
    .social-link{
        justify-content:flex-start;
    }
}