@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');














a{
    color:white !important;
    text-decoration: none !important;
}

h1{
    font-size: 1em;
    padding: 0;
}

h2{
    font-size: 20px;
    padding: 0;
}

h3{
    font-size: 15px;
    padding: 0;

}
body{
    margin:0;

    box-sizing: border-box;
    font-family: 'Orbitron', sans-serif;
    background-color: #0e1215;
    background-image: radial-gradient(circle at center,
    rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0) 40%);
    rgba(255, 26, 26, 0.3) 50%,rgba(255, 255, 255, 0) 10%);
    background-repeat: no-repeat;
    background-size: 38% 38%;
    background-position: center;
    color: white;
}

.header-wrapp{
    background-color:#15191c;
    display:flex;
    width:100%;
    justify-content:space-between;
    align-items: center;
    padding:20px 0;
}

.why-trusted h1{
    font-size: 3em;

}

.faq-section {
    max-width: 800px;
    margin: auto;
}

.faq-section h2{
    text-align: center;
    color: #0ff;
    margin: 40px 0 20px;
    font-size: 2rem;
}
.faq-item {
    background: #151520;
    border: 1px solid #222;
    padding: 15px;
    margin: 10px 0;
    border-radius: 6px;
}

.why-trusted{
    margin-top:8rem;
    text-align: center;
}


.why-trusted h2{
    font-size: 3rem;
}

.access-guide{
    padding: 0 10rem;
    background: #151520;
    border-radius: 8px;
    border: 1px solid #222;
    max-width: 800px;

}

.access h2{
    text-align: center;
    color: #0ff;
    margin: 40px 0 20px;
    font-size: 2rem;
}

.access-guide li{
    margin: 30px;
    font-size: 1.1rem;
}
.access{
    display: flex;
    flex-direction: column;
    align-items: center;
}


main{
    max-width:800px;
    margin:auto;
}
.cards-grid, .feature-grid, .security-grid, .benefit-grid, .crypto-list {
    display: grid;
    gap: 20px;
    justify-content: center;
}
.highlight {
    color: #0ff;
    text-shadow: 0 0 10px #0ff;
}

.cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.card:hover {
    border-color: #0ff;
    box-shadow: 0 0 10px #0ff3;
}


.card {
    background: #151520;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #222;
    text-align: center;
    transition: 0.3s;
}
.header-market{
    display:flex;
    color: white;
    gap: 10px;
    margin-left: 40px;
}
.header-marketname{
    display:flex;
    flex-direction: column;
    gap: 10px;
}

.header-nav{

    color: white;
}


.main-header-big h2{
    font-size: 1em;
}

.advsec-header h2{
    font-size: 1em;
}

.advent-name h2{
    font-size: 1em;
}

.crypto-header-name h2{
    font-size: 1em;
}
.header-nav-buttons{
    display:flex;

    gap: 20px;
}

.access-button{
    padding: 10px;
    background-color:#ff4a4a;;
    border-radius: 8px;
    margin-right: 40px;
}

.access-content{
    color: black;
}

.main-top-info{
    width:100%;
    margin-top: 180px;
    color:white;
}

.top-info{
    display:flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;


}
.top-header{
    font-size:82px;
    font-weight: bold;
    padding:0 20%;

}

.nexus{
    color: #ff4a4a;
    text-shadow: 0 0 8px #ff0000;
}

.top-context{

    width: 800px;
    margin:40px auto;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;

}
.top-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.top-button {
    transition:
            transform 0.3s ease-in-out,
            margin 0.3s ease-in-out,
            box-shadow 0.3s ease-in-out;

}

.top-button.inactive:hover {
    transform: scale(1.2);
    margin-left: 10px;
    box-shadow: 1px 1px 10px rgba(255, 0, 0, 0.42);
}


.top-button.active:hover {
    transform: scale(1.1);
    margin-left: 10px;
}


.top-button{
    padding: 16px 24px;
    border-radius: 10px;
    border: 1px solid rgba(255, 74, 74, 0.49);

}

.top-button.active{
    background-color: #ff4a4a;

}

.top-advent-haeder{
    text-align: center;
    margin-top: 5rem;
    font-size: 32px;
}


.top-advent-content{
    display: flex;
    justify-content: center;
    gap: 16px;
}




.advent-content{
    display: flex;

    flex-direction: column;
    max-width: 20rem;
    margin-top: 5rem;
    align-items: center;
    text-align: center;
    gap: 1rem;
    background-color: #181b20;
    padding: 4rem 1rem;
    border-radius: 10px;
    border: 1px solid rgba(48, 53, 62, 0.44);
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.77);
}

.advent-content:hover{
    display: flex;

    flex-direction: column;
    max-width: 20rem;
    margin-top: 5rem;
    align-items: center;
    text-align: center;
    gap: 1rem;
    background-color: #181b20;
    padding: 4rem 1rem;
    border-radius: 10px;
    border: 1px solid rgb(110, 110, 110);
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.77);

    scale: 1.1;

}

.advent-content{
    transition: scale 0.3s ease-in-out,
    border 0.5s ease-in-out;
}

.advent-content-context{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.main{
    margin-top: 8rem;


}

.main-header-big{
    text-align: center;
    font-size: 52px;
}

.main-header-context{
    margin: 4rem auto 6rem auto;
    text-align: center;
    width: 900px;
    font-size: 20px;

    color: rgba(255, 255, 255, 0.7);

}

.main-links-wrapper{
    padding: 0 15%;
}
.links-wrapper{
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    padding: 2rem;
    background-color: #181b20;
    width: 100%;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid rgba(48, 53, 62, 0.44);
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.77);


}

.links-header{
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 1rem;

}

.links-label{
    font-size: 24px;
}

.verified, .online {
    padding: 6px;
    background-color: #19432f;
    color: #59ffb5;
    border-radius: 4px;
    font-size: 14px;
}

.links-context{
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.links-context-content{
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;

}

.links-context-butt{
    padding: 16px 24px;
    border-radius: 10px;
    border: 1px solid rgba(255, 74, 74, 0.49);
    color: #ff4a4a;

}
.links-context-butt {
    transition: scale .3s ease-in-out,
    color .2s ease-in-out,
    border .2s ease-in-out;
}

.links-context-butt:hover{
    padding: 16px 24px;
    border-radius: 10px;
    border: 1px solid rgba(119, 255, 74, 0.49);
    color: #59ffb5;
    scale: 1.1;
}


.link-main-content{
    padding: 16px 24px;
    background-color: #181b20;
    border-radius: 10px;
    border: 1px solid rgba(81, 81, 81, 0.49);
    margin-top: 2rem;
}

.advancedsecurity-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advsec-header{
    font-size: 52px;
    margin-top: 8rem;
}

.adv-context{
    margin-top: 2rem;
    width: 900px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;

}

.adv-content-wrapper{
    margin-top: 2rem;
}

.adv-content-wrapper{
    padding: 4rem 3rem;
    background-color: #181b20;
    border-radius: 10px;
    border: 1px solid rgba(48, 53, 62, 0.44);
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.77);
    width: 300px;
}
.adv-content-wrapper{
    transition: scale .3s ease-in-out;
}
.adv-content-wrapper:hover{
    padding: 4rem 3rem;
    background-color: #181b20;
    border-radius: 10px;
    border: 1px solid rgba(48, 53, 62, 0.44);
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.77);
    width: 300px;
    scale: 1.05;

}

.adv-content-haeder{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.adv-content-context{
    margin-top: 1rem;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}

.adv-block-wrapper{
    display: flex;
    gap: 16px;
}

.adv-block-wrapper-second{
    display: flex;
    gap: 16px;

}

.main-adventages-wrapper{
    margin-top: 8rem;


}

.advent-header{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advent-name{
    font-size: 52px;
    text-align: center;
}

.advent-context{
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    width: 900px;
    text-align: center;
    margin-top: 2rem;
}

.adv-content-wrapper.red{
    background-color: rgba(159, 34, 34, 0.08);
    border: 1px solid rgba(255, 94, 94, 0.29);
}

.adv-stats-wrapper{
    display: flex;
    gap: 10rem;

}

.adv-stats{
    display: flex;
    justify-content: center;
    margin-top: 8rem;

}

.stats-content{
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
}

.stats-value{
    font-size: 24px;
    color: #ff4a4a;
}

.stats-value.green{
    font-size: 24px;
    color: #59ffb5;
}

.stats-name{
    color: rgba(255, 255, 255, 0.51);
    font-size: 14px;
}

.crypto-header{
    margin-top: 8rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}

.crypto-header-name{
    font-size: 52px;
}

.crypto-header-context{
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
}

.crypto-list{
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 2rem;

}



.crypto-content{
    padding: 2rem 10rem;
    border-radius: 10px;
    background-color: #181b20;
    font-size: 18px;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.77);
    border: 1px solid rgba(48, 53, 62, 0.44);
}

.crypto-content{
    transition: scale .3s ease-in-out;
}

.crypto-content:hover{
    padding: 2rem 10rem;
    border-radius: 10px;
    background-color: #181b20;
    font-size: 18px;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.77);
    border: 1px solid rgba(48, 53, 62, 0.44);
    scale: 1.05;
}

footer {
    background-color: #181b20;
    margin-top: 8rem;
    padding: 3rem 20%;

}

footer {
    color: #bfbfbf;
    font-size: 14px;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.77);
    border: 1px solid rgba(48, 53, 62, 0.44);
}

.footer-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.footer-header {

    padding-bottom: 30px;
    margin-bottom: 30px;
}

.footer-top-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.aboutmarket {
    max-width: 300px;
    flex: 1 1 300px;
}

.about-name h2 {

    font-weight: 900;
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 10px 0;
}

.about-name .nexus {
    color: #e03a3a;
}

.about-context h3 {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    line-height: 1.4;
    margin: 0 0 20px 0;
}

.about-button {
    border: 1px solid #e03a3a;
    color: #e03a3a;
    display: inline-block;
    padding: 6px 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    user-select: none;
}

.about-button:hover {
    background-color: #e03a3a;
    color: #121218;
}

.quick-links {
    flex: 1 1 200px;
    max-width: 200px;
    color: #bfbfbf;
}

.links-label h2 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 16px;
    color: #fff;
}

.quick-links a {
    display: block;
    text-decoration: none;
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    transition: color 0.3s ease;
}

.quick-links a:hover {
    color: #e03a3a;
}

.contacts {
    flex: 1 1 250px;
    max-width: 250px;
    color: #bfbfbf;
}

.contacts-label {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
}

.contacts-context {
    line-height: 1.5;
    margin-bottom: 10px;
    white-space: pre-line;
}

.contacts-context.warning {
    color: rgba(240, 165, 0, 0.77);
    font-weight: 700;
    margin-top: 10px;
}

.footer-context {
    border-top: 1px solid #333;
    padding-top: 25px;
    margin-bottom: 25px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    flex-direction: column;
}

.context-label {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    min-width: 150px;
    flex: 0 0 auto;
}

.context-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #999;
    font-size: 14px;
}

.footer-original {
    border-top: 1px solid #333;
    padding-top: 15px;
    font-size: 12px;
    color: #666;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.footer-rights,
.footer-buildup {
    flex: 1 1 45%;
    min-width: 200px;
}


@media (max-width: 768px) {
    body{
        width: 430px;
        overflow-x: hidden;
    }
    html{
        overflow-x: hidden;
    }
    header{
        font-size: 10px;
        width: 430px;

    }
    nav{
        display: none;
    }
    .main-top-info{
        margin-top: 1.5rem;
        margin-bottom: 0;
    }
    h2{
        font-size: 18px;
    }
    .top-context{

        display: flex;
        width: 80%;
        margin-top: 0.5rem;
        text-align: justify;
    }
    .top-advent-content{
        display: flex;
        flex-direction: column;

        align-items: center;


    }
    .top-advent{
        margin-top: 5rem;
    }
    .advent-content{
        margin-top: 2rem;
    }
    .main-header-context h2{
        font-size: 18px;
    }
    .main-header-context{
        display: flex;
        width: 80%;
        margin-top: 0.5rem;
        text-align: justify;
    }
    .links-wrapper{
        width: 250px;
    }
    .main-links-wrapper{
        display: flex;
        margin: 0 auto;
        padding: 0;
        justify-content: center;
    }
    .main-header-context{
        margin-bottom: 1rem;
    }
    .links-label h2{
        font-size: 12px;
    }
    .online{
        display: none;
    }
    .links-context-content h3{
        font-size: 12px;

    }
    .links-context {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .links-context-butt{
        font-size: 12px;
        padding: 3px 3px;
        text-align: center;
    }
    .link-main-content a{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none;
    }
    .advsec-header{
        text-align: center;
        flex-wrap: wrap;
    }
    .adv-context{
        display: flex;
        width: 80%;
        margin-top: 0.5rem;
        text-align: justify;
    }
    .adv-block-wrapper{
        display: flex;
        flex-direction: column;
    }
    .advent-name h1{
        font-size: 32px;
    }
    .advent-context {
        font-size: 19px;
        display: flex;
        width: 340px;
        margin-top: 0.5rem;
        text-align: justify;
    }
    .adv-stats-wrapper{
        gap: 2rem;
        display: flex;
        flex-direction: column;
    }
    .stats-value{
        font-size: 32px;
    }
    .adv-stats{
        margin-top: 8rem;
    }
    .crypto-header-name h1{
        font-size: 26px;
    }
    .crypto-header-context h2{
        font-size: 18px;
    }
    .crypto-list{
        display: flex;
        flex-direction: column;
    }
    .crypto-content{
        text-align: center;
    }
    .footer-original{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .footer-top-info{
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .quick-links{
        flex: 1 1 120px;
    }
    .aboutmarket{
        flex: 1 1 225px;
    }
}