:root {
     --bg-gradient: linear-gradient(180deg, #FF8C00 0%, #FFFFFF 100%);
     --glass: rgba(255, 255, 255, 0.95);
     --text-primary: #8B4513;
}

.dark-mode {
     --bg-gradient: linear-gradient(180deg, #2d1b00 0%, #4a2f00 100%);
     --glass: #2d1b00;
     --text-primary: #f8fafc;
}

body {
     background: var(--bg-gradient);
     height: 100vh;
     overflow-x: hidden;
     font-family: 'Inter', sans-serif;
     transition: background 0.3s ease;
}

.glass-card {
     background: var(--glass);
     border-radius: 30px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     color: var(--text-primary);
     transition: all 0.3s ease;
}

.input-nexora {
     width: 100%;
     border-bottom: 2px solid #fdba74;
     padding: 8px 0;
     outline: none;
     background: transparent;
     color: var(--text-primary);
}

.cartao-nexora {
     width: 160px;
     height: 100px;
     background: linear-gradient(135deg, #FF8C00 0%, #FFB347 100%);
     border-radius: 12px;
     padding: 12px;
     position: relative;
     flex-shrink: 0;
     color: white;
}

.invest-card {
     width: 140px;
     height: 90px;
     background: white;
     border-radius: 12px;
     padding: 12px;
     flex-shrink: 0;
     border: 1px solid #fdba74;
}

.dark-mode .invest-card {
     background: #4a2f00;
     border-color: #854d0e;
}

.btn-disabled {
     background-color: #FF8C00 !important;
     cursor: not-allowed;
     opacity: 0.7;
}

.no-scrollbar::-webkit-scrollbar {
     display: none;
}

/* Animação para a tela de resultado */
@keyframes checkmark-scale {
     0% {
         transform: scale(0.5);
         opacity: 0;
     }

     100% {
         transform: scale(1);
         opacity: 1;
     }
}

#res-icon-bg {
     animation: checkmark-scale 0.5s ease-out;
}