body{

background:#eef3fb;

font-family:Arial;

margin:0;

padding:0;

}

.container{

max-width:480px;

margin:auto;

padding:20px;

}

h1{

text-align:center;

color:#1f4fa3;

}

.sub{

text-align:center;

color:#666;

margin-bottom:20px;

}

.card{

background:white;

padding:20px;

border-radius:18px;

box-shadow:0 4px 15px rgba(0,0,0,.08);

}

#question{

line-height:1.7;

font-size:20px;

}

#answer{

display:none;

margin-top:20px;

background:#f5f7fb;

padding:15px;

border-radius:12px;

}

.btns{

margin-top:20px;

display:flex;

gap:10px;

}

button{

flex:1;

border:none;

padding:15px;

border-radius:12px;

background:#2052b6;

color:white;

font-size:16px;

cursor:pointer;

}

.tag{

padding:6px 12px;

border-radius:30px;

display:inline-block;

margin-right:8px;

font-size:13px;

background:#dfe9ff;

color:#2052b6;

}