body{
        font-family: Arial, sans-serif;
        background:#f4f4f4;
        display:flex;
        justify-content:center;
        align-items:center;
        height:100vh;
    }

    .container{
        width:350px;
        background:#fff;
        padding:25px;
        border-radius:10px;
        box-shadow:0 0 10px rgba(0,0,0,0.2);
        text-align:center;
    }

    h2{
        color:#0b7d3b;
        margin-bottom:20px;
    }

    input{
        width:90%;
        padding:10px;
        margin:10px 0;
        border:1px solid #ccc;
        border-radius:5px;
        font-size:16px;
    }

    button{
        width:95%;
        padding:10px;
        background:#0b7d3b;
        color:white;
        border:none;
        border-radius:5px;
        cursor:pointer;
        font-size:16px;
    }

    button:hover{
        background:#08612d;
    }

    #result{
        margin-top:20px;
        font-size:18px;
        font-weight:bold;
        color:#333;
    }