body {
      background: #f8f9fa;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

    .upload-card {
      max-width: 500px;
      width: 100%;
      background: white;
      border-radius: 20px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 25px;
    }

    .preview {
      width: 100%;
      height: auto;
      border-radius: 12px;
      margin-top: 10px;
      display: none;
    }

    .btn-premium,
.btn-premium-outline {
  border-radius: 25px;
  font-weight: 500;
  padding: 10px;
  height: 48px; /* uniforme */
}

/* Pulsante dorato pieno */
.btn-premium {
  background: linear-gradient(135deg, #FFD700, #E5C100);
  border: 1px solid #E5C100;
  color: #000;
}

.btn-premium:hover {
  background: #E5C100;
}

/* Pulsante dorato outline */
.btn-premium-outline {
  background: transparent;
  border: 2px solid #E5C100;
  color: #000;
}

.btn-premium-outline:hover {
  background: rgba(255, 215, 0, 0.15);
}

    @media (max-width: 576px) {
      .upload-card {
        padding: 15px;
      }
    }
    /* FIX per dispositivi mobili */
@media (max-width: 768px) {
  html, body {
    height: 100%;
    overflow: hidden !important; /* blocca scroll */
  }

  body {
    display: block !important; /* rimuove il flex */
    padding: 0 !important;
    margin: 0 !important;
  }

  .upload-card {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0;
    overflow-y: auto; /* scroll interno solo del contenuto se necessario */
    box-shadow: none;
  }
}