body {
  margin: 0;
  font-family: 'Poppins', Arial, sans-serif;
  background: linear-gradient(180deg, #ffe9dc, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.container {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.card {background: #fff;border-radius: 16px;box-shadow: 0 4px 30px rgba(0,0,0,0.1);padding: 30px;text-align: center;max-width: 400px;width: 90%;}
h1 {color: #b91c1c;margin-bottom: 10px;}
.subtitle {color: #555;font-size: 0.9rem;margin-bottom: 20px;}
.form-group {margin-bottom: 15px;text-align: left;}
.select {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 8px;}
.btn-main, .btn-share, .btn-return, .btn-secondary {display: block;width: 100%;margin-top: 12px;padding: 12px;border: none;border-radius: 8px;font-size: 1rem;font-weight: bold;cursor: pointer;text-decoration: none;}
.btn-main {background-color: #b91c1c;color: #fff;}
.btn-main:hover {background-color: #9a1515;}
.btn-secondary {background-color: #f59e0b;color: #fff;}
.btn-share {background-color: #2563eb;color: #fff;}
.btn-return {background-color: #444;color: #fff;}
.zona-dados {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;perspective: 600px;margin: 20px 0;}
.dado-wrapper {width: 70px;height: 70px;perspective: 400px;}
.dado3d {width: 70px;height: 70px;position: absolute;transform-style: preserve-3d;animation: rodarCubo 1s linear infinite;}
.cara {position: absolute;width: 70px;height: 70px;background: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 6px rgba(0,0,0,0.6) inset;}
.cara1{transform:rotateY(0deg)translateZ(35px)}
.cara2{transform:rotateY(180deg)translateZ(35px)}
.cara3{transform:rotateY(90deg)translateZ(35px)}
.cara4{transform:rotateY(-90deg)translateZ(35px)}
.cara5{transform:rotateX(90deg)translateZ(35px)}
.cara6{transform:rotateX(-90deg)translateZ(35px)}
.pip {width: 10px;height: 10px;background: #000;border-radius: 50%;position: absolute;}
.pip.tl {top:15%;left:15%;}
.pip.tr {top:15%;right:15%;}
.pip.bl {bottom:15%;left:15%;}
.pip.br {bottom:15%;right:15%;}
.pip.cc {top:50%;left:50%;transform:translate(-50%,-50%);}
.pip.ml {top:50%;left:15%;transform:translateY(-50%);}
.pip.mr {top:50%;right:15%;transform:translateY(-50%);}
@keyframes rodarCubo {0% {transform:rotateX(0)rotateY(0)}100% {transform:rotateX(360deg)rotateY(360deg)}}
@keyframes rodarCuboLento {0% {transform:rotateX(0)rotateY(0)}100% {transform:rotateX(720deg)rotateY(720deg)}}