.contact-hero{
    min-height:680px;
    display:grid;
    grid-template-columns:42% 58%;
}

.contact-left{
    padding:90px 70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#f4f0e8;
}

.section-label{
    color:#b57a2f;
    font-size:clamp(16px, 1.2vw, 20px);
    letter-spacing:4px;
    margin-bottom:28px;
    text-transform:uppercase;
    font-weight:600;
}

.contact-left h2{
    font-family:'Orbitron',sans-serif;
    font-size:clamp(46px, 4.4vw, 72px);
    line-height:0.98;
    margin-bottom:32px;
    text-transform:uppercase;
}

.contact-left p{
    font-size:22px;
    line-height:1.8;
    max-width:650px;
    color:#333;
    margin-bottom:22px;
}

.contact-right{
    background:#111712;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:70px;
    position:relative;
    overflow:hidden;
}

.contact-right::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 25% 20%, rgba(211,160,76,0.18), transparent 34%),
    radial-gradient(circle at 75% 80%, rgba(110,193,255,0.12), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,0.04), transparent 55%);
}

.signal-card{
    width:100%;
    max-width:720px;
    position:relative;
    z-index:1;
    background:rgba(255,255,255,0.035);
    border:1px solid rgba(255,255,255,0.09);
    border-radius:18px;
    padding:42px;
    box-shadow:0 25px 70px rgba(0,0,0,0.25);
}

.signal-card h3{
    font-family:'Orbitron',sans-serif;
    font-size:26px;
    color:#d3a04c;
    margin-bottom:26px;
    text-transform:uppercase;
}

.contact-node{
    border-top:1px solid rgba(255,255,255,0.08);
    padding-top:28px;
}

.node-label{
    display:block;
    font-size:12px;
    letter-spacing:3px;
    color:#aaa;
    margin-bottom:14px;
    text-transform:uppercase;
}

.email-link{
    display:inline-block;
    font-family:'Orbitron',sans-serif;
    font-size:clamp(20px, 2vw, 30px);
    color:#6ec1ff;
    word-break:break-word;
    text-shadow:
    0 0 5px rgba(110,193,255,0.55),
    0 0 12px rgba(110,193,255,0.25);
    transition:0.2s;
}

.email-link:hover{
    color:#d3a04c;
    text-shadow:
    0 0 5px rgba(211,160,76,0.55),
    0 0 12px rgba(211,160,76,0.25);
}

.node-note{
    margin-top:28px;
    color:#d4d4d4;
    line-height:1.9;
    font-size:17px;
}

.channels{
    background:white;
    padding:90px 60px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.channel{
    text-align:center;
}

.icon{font-size:34px;}

.channel h3{
    font-family:'Orbitron',sans-serif;
    font-size:22px;
    margin-bottom:18px;
}

.channel p{
    color:#555;
    line-height:1.8;
    font-size:17px;
}

.status-box p{
    line-height:2;
    color:#d4d4d4;
    font-size:18px;
}

.future-channel{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
    color:#d4d4d4;
    font-size:18px;
}

.future-channel strong{
    color:#6ec1ff;
    font-family:'Orbitron',sans-serif;
    font-size:14px;
    letter-spacing:1px;
}

@media(max-width:1100px){
    .contact-hero{
        grid-template-columns:1fr;
    }

    .contact-left h2{
        font-size:54px;
    }

    .channels{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:700px){
    .contact-left{
        padding:60px 30px;
    }

    .contact-left h2{
        font-size:38px;
    }

    .contact-left p{
        font-size:18px;
    }

    .contact-right{
        padding:40px 25px;
    }

    .signal-card{
        padding:30px 24px;
    }

    .channels{
        grid-template-columns:1fr;
        padding:60px 30px;
    }
}