body{font-family:Arial,sans-serif;background:#f5f5f5;margin:0;text-align:center}
header{background:#d91f26;color:white;padding:20px}
.disciplinas button,.acoes button{padding:12px 20px;margin:6px;border:none;border-radius:10px;cursor:pointer}
.scene{width:320px;height:220px;margin:30px auto;perspective:1000px}
.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s}
.card.flip{transform:rotateY(180deg)}
.face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:white;border-radius:15px;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.15)}
.back{transform:rotateY(180deg)}
#progressoBox{width:80%;height:20px;background:#ddd;margin:20px auto;border-radius:10px}
#barra{height:100%;width:0;background:#d91f26;border-radius:10px}