body{
font-family:Arial;
background:linear-gradient(135deg,#74ebd5,#acb6e5);
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}
.container{
    width:650px;
    padding:35px;
    background: rgba(255,255,255,0.95);
    border-radius:18px;
    text-align:center;

    /* modern glass style */
    backdrop-filter: blur(10px);

    /* shadow for depth */
    box-shadow: 0 15px 40px rgba(0,0,0,0.25);

    /* smooth animation when page loads */
    animation: fadeIn 0.8s ease;
}

/* smooth entry animation */
@keyframes fadeIn{
    from{
        transform: translateY(20px);
        opacity:0;
    }
    to{
        transform: translateY(0);
        opacity:1;
    }
}

.quote-box{
background:#f2f2f2;
padding:15px;
border-radius:10px;
margin-bottom:15px;
}

textarea{
width:100%;
height:120px;
padding:10px;
font-size:16px;
border-radius:10px;
border:1px solid #ccc;
outline:none;
}

button{
margin-top:15px;
padding:10px 20px;
border:none;
background:#6c63ff;
color:white;
font-size:16px;
border-radius:8px;
cursor:pointer;
}

button:hover{
background:#574bdb;
}

.result{
margin-top:20px;
display:none;
}

.card{
background:#f7f7f7;
padding:15px;
margin:10px;
border-radius:10px;
display:inline-block;
width:130px;
}

.actionButtons{
margin-top:10px;
}