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

body{
font-family:Arial,sans-serif;
background:#07111f;
color:white;
min-height:100vh;
overflow-x:hidden;
}

.bg{
position:fixed;
inset:0;
background:
radial-gradient(circle at top left,#7c3aed55,transparent 25%),
radial-gradient(circle at bottom right,#06b6d455,transparent 25%);
animation:bgmove 14s infinite alternate ease-in-out;
z-index:-1;
}

@keyframes bgmove{
from{
transform:scale(1) rotate(0deg);
}
to{
transform:scale(1.08) rotate(4deg);
}
}

.contact-wrapper{
max-width:900px;
margin:auto;
padding:40px 20px;
}

.back-btn{
display:inline-block;
margin-bottom:25px;
background:linear-gradient(135deg,#7c3aed,#9333ea);
padding:12px 18px;
border-radius:14px;
color:white;
text-decoration:none;
}

.contact-card{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(12px);
border-radius:30px;
padding:40px;
box-shadow:0 0 40px rgba(0,0,0,.25);
}

.contact-card h1{
font-size:54px;
margin-bottom:10px;
}

.subtitle{
opacity:.8;
margin-bottom:30px;
font-size:18px;
line-height:1.6;
}

.contact-form{
display:flex;
flex-direction:column;
gap:20px;
}

.grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

input,
textarea,
select{
width:100%;
padding:16px;
border:none;
border-radius:16px;
background:rgba(255,255,255,.12);
color:white;
font-size:16px;
}

textarea{
min-height:180px;
resize:vertical;
}

input::placeholder,
textarea::placeholder{
color:rgba(255,255,255,.65);
}

button{
background:linear-gradient(135deg,#7c3aed,#9333ea);
color:white;
border:none;
padding:16px;
border-radius:16px;
font-size:18px;
cursor:pointer;
transition:.2s;
}

button:hover{
transform:scale(1.02);
box-shadow:0 0 30px rgba(124,58,237,.35);
}

.success-box{
background:#16a34a;
padding:18px;
border-radius:16px;
margin-bottom:25px;
}

@media(max-width:700px){

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

.contact-card{
padding:25px;
}

.contact-card h1{
font-size:40px;
}

}