body{

    margin:0;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background:linear-gradient(
        135deg,
        #667eea,
        #764ba2
    );

    font-family:Arial;
}



.container{

    background:white;

    width:450px;

    padding:40px;

    border-radius:20px;

    text-align:center;

    box-shadow:0px 10px 30px rgba(0,0,0,0.3);

}



h1{

    color:#333;

}



textarea{

    width:90%;

    height:120px;

    padding:15px;

    font-size:16px;

    border-radius:10px;

    border:2px solid #ddd;

    resize:none;

}



button{

    margin-top:20px;

    padding:12px 30px;

    border:none;

    border-radius:25px;

    background:#667eea;

    color:white;

    font-size:16px;

    cursor:pointer;

}



button:hover{

    background:#764ba2;

}



.result{

    margin-top:30px;

    padding:20px;

    border-radius:15px;

    background:#f4f4f4;

}