body{
margin:0;font-family:sans-serif;
background:linear-gradient(135deg,#0a5cff,#00c6ff);
color:white;
}

.center{display:flex;justify-content:center;align-items:center;height:100vh}

.glass{
background:rgba(255,255,255,.15);
backdrop-filter:blur(15px);
padding:30px;border-radius:20px;
width:90%;max-width:350px;
}

input,button{
width:100%;padding:14px;margin:8px 0;
border-radius:12px;border:none;font-size:16px;
}

button{background:#007aff;color:white;font-weight:bold}

header{
display:flex;justify-content:space-between;
padding:20px;font-size:18px;
}

.grid{
display:grid;
grid-template-columns:1fr;
gap:15px;padding:20px;
}

.bigBtn{
padding:25px;font-size:20px;border-radius:20px;
background:rgba(255,255,255,.2);
}

table{width:100%;border-collapse:collapse}
td,th{padding:12px}
.g{background:#b9fbc0}
.o{background:#ffe066}
.r{background:#ffadad}

@media(min-width:600px){
.grid{grid-template-columns:1fr 1fr}
}