@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(120deg,#4facfe,#00f2fe);
padding:20px;
}

/* Main Card */
.container{
width:100%;
max-width:550px;
background:#fff;
border-radius:18px;
padding:30px;
box-shadow:0 15px 35px rgba(0,0,0,0.2);
animation:slideFade 0.7s ease;
}

/* Title */
h2{
text-align:center;
margin-bottom:25px;
color:#333;
font-weight:600;
}

/* Language Buttons */
.lang-switch{
display:flex;
justify-content:flex-end;
gap:10px;
margin-bottom:15px;
}

.lang{
border:none;
padding:8px 15px;
border-radius:8px;
background:#4facfe;
color:white;
cursor:pointer;
transition:.3s;
font-size:14px;
}

.lang:hover{
background:#007bff;
transform:scale(1.05);
}

/* Labels */
label{
display:block;
margin-bottom:6px;
font-size:14px;
font-weight:500;
color:#333;
}

/* Inputs */
input, textarea{
width:100%;
padding:12px;
border-radius:10px;
border:1px solid #ccc;
margin-bottom:18px;
font-size:14px;
transition:.3s;
}

textarea{
resize:none;
height:90px;
}

input:focus, textarea:focus{
border-color:#4facfe;
box-shadow:0 0 8px rgba(79,172,254,0.4);
outline:none;
}

/* Submit Button */
.submit{
width:100%;
padding:14px;
border:none;
border-radius:12px;
background:linear-gradient(45deg,#43e97b,#38f9d7);
color:#fff;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.3s;
}

.submit:hover{
transform:translateY(-2px);
box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.submit:active{
transform:scale(.97);
}

/* Animation */
@keyframes slideFade{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* Responsive */
@media(max-width:500px){
.container{
padding:22px 18px;
}
h2{
font-size:20px;
}
}