:root {
    --glass-bg: rgba(255,255,255,0.35);
    --glass-border: rgba(255,255,255,0.45);
    --glass-shadow:
        0 2px 8px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.7),
        inset 0 -1px 0 rgba(0,0,0,0.08);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:100vh;
}

.container{
    width:90%;
    margin-top:50px;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    border-radius:20px;
}

.glass{
    background: var(--glass-bg);
    border:1px solid var(--glass-border);
    border-radius:50px;
    backdrop-filter: blur(20px);
    box-shadow: var(--glass-shadow);
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}

input{
    width:80%;
    height:40px; 
    padding:12px 20px;
}

label{
    width:80%;
    text-align:left;
    font-size:14px; 
    margin-top:20px; 
    margin-left: 20px;
    color:rgba(0, 0, 0, 0.7);
}

button{
    cursor:pointer;
    width: 120px;
    height: 40px;
    margin: 20px;
}

button:active{
    transform:scale(0.97);
}