*{
box-sizing:border-box;
font-family:tahoma;
}


body{

margin:0;

background:
linear-gradient(
135deg,
#111827,
#1e3a8a
);

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

}



.container{

width:500px;

padding:20px;

}



h1{

color:white;

text-align:center;

}


p{

color:#ddd;

text-align:center;

}



.card,
.result{

background:white;

padding:25px;

border-radius:20px;

margin-top:20px;

box-shadow:
0 20px 40px #0005;

}



label{

display:block;

margin-top:15px;

font-weight:bold;

}



input,
textarea{

width:100%;

padding:14px;

border-radius:12px;

border:1px solid #ddd;

margin-top:8px;

font-size:15px;

}



textarea{

height:80px;

direction:ltr;

}



button{


width:100%;

padding:15px;

margin-top:20px;

border:0;

border-radius:15px;

background:#2563eb;

color:white;

font-size:17px;

cursor:pointer;

}



button:hover{

background:#1d4ed8;

}



iframe{

width:100%;

height:300px;

margin-top:20px;

border-radius:15px;

border:1px solid #ddd;

}



small{

color:#666;

}