*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial,Helvetica,sans-serif;
    background:linear-gradient(135deg,#08111f,#102847,#08111f);
    color:#e8eef7;
    min-height:100vh;
}

.wrapper{width:100%;padding:40px 15px;}
.contact-box{
    max-width:850px;
    margin:0 auto;
    background:rgba(18,28,46,.92);
    border:1px solid rgba(70,120,210,.35);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.45);
}
.header{
    background:linear-gradient(90deg,#0b3c84,#1565d8);
    text-align:center;
    padding:35px 30px;
}
.header h1{font-size:34px;margin-bottom:10px;color:#fff;}
.header p{color:#dce9ff;line-height:1.7;font-size:15px;}
form{padding:30px;}
.form-group{margin-bottom:22px;}
label{display:block;margin-bottom:8px;font-weight:bold;color:#d8e8ff;}
label span{color:#ff6666;}
input,textarea{
    width:100%;
    padding:14px 16px;
    border:1px solid #2f4d74;
    border-radius:10px;
    background:#0d1b2d;
    color:#fff;
    font-size:15px;
    transition:.25s;
}
input::placeholder,textarea::placeholder{color:#92a8c4;}
input:focus,textarea:focus{
    outline:none;
    border-color:#3f8cff;
    box-shadow:0 0 0 3px rgba(63,140,255,.18);
}
textarea{resize:vertical;min-height:190px;}
button{
    width:100%;
    padding:16px;
    border:none;
    border-radius:10px;
    background:linear-gradient(90deg,#1565d8,#1f8fff);
    color:#fff;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    transition:.25s;
}
button:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 25px rgba(31,143,255,.35);
}
button:disabled{background:#666;box-shadow:none;transform:none;cursor:not-allowed;}
#sonuc{
    display:none;
    margin:25px 30px 0;
    padding:16px;
    border-radius:10px;
    font-weight:bold;
}
.basarili{display:block!important;background:#133d24;color:#8ff0b0;border:1px solid #2b8c53;}
.hata{display:block!important;background:#4b1820;color:#ffb8c0;border:1px solid #b34858;}
.gizliAlan{display:none;}
@media(max-width:768px){
.wrapper{padding:15px;}
.contact-box{border-radius:14px;}
.header{padding:25px 20px;}
.header h1{font-size:26px;}
.header p{font-size:14px;}
form{padding:20px;}
button{font-size:16px;}
#sonuc{margin:20px;}
}