/* =========================================================
   İLETİŞİM SAYFASI
========================================================= */

.contact-page{
    padding:80px 0 90px;
    min-height:60vh;
}

.contact-intro{
    max-width:800px;
    margin:0 auto 45px;
    text-align:center;
}

.contact-intro .eyebrow{
    margin-bottom:12px;
}

.contact-intro h1{
    margin:0 0 14px;
}

.contact-intro p{
    max-width:700px;
    margin:0 auto;
    color:#8fa4c2;
    font-size:17px;
    line-height:1.7;
}


/* =========================================================
   FORM ALANI
========================================================= */

.contact-wrap{
    max-width:900px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:22px;
}

.contact-info{
    padding:30px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:#0d1628;
}

.contact-info h2{
    margin:0 0 12px;
}

.contact-info p{
    color:#8fa4c2;
    line-height:1.7;
    margin:0 0 25px;
}

.contact-info-list{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.contact-info-list a{
    color:#dce7f7;
    text-decoration:none;
}

.contact-info-list a:hover{
    opacity:.8;
}


.contact-form{
    padding:30px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:#0d1628;
}

.contact-form h2{
    margin:0 0 22px;
}


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

.form-group{
    margin-bottom:17px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
}

.form-group input,
.form-group textarea{
    width:100%;
    box-sizing:border-box;
    padding:13px 15px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:#09111f;
    color:#fff;
    font:inherit;
    outline:none;
}

.form-group input:focus,
.form-group textarea:focus{
    border-color:rgba(255,255,255,.25);
}

.form-group textarea{
    min-height:150px;
    resize:vertical;
}

.form-submit{
    width:100%;
    border:0;
    cursor:pointer;
}


/* =========================================================
   MESAJLAR
========================================================= */

.form-alert{
    margin-bottom:20px;
    padding:14px 16px;
    border-radius:12px;
    line-height:1.5;
}

.form-alert.success{
    background:rgba(46,204,113,.10);
    border:1px solid rgba(46,204,113,.25);
    color:#8ff0b4;
}

.form-alert.error{
    background:rgba(231,76,60,.10);
    border:1px solid rgba(231,76,60,.25);
    color:#ffaaa0;
}

.form-alert ul{
    margin:0;
    padding-left:20px;
}


/* =========================================================
   HONEYPOT
========================================================= */

.hp-field{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:800px){

    .contact-page{
        padding:60px 0 65px;
    }

    .contact-wrap{
        grid-template-columns:1fr;
    }

    .contact-info,
    .contact-form{
        padding:24px;
    }

}