/* Base styles */
body { 
    font-family: 'Inter', sans-serif; 
    -webkit-tap-highlight-color: transparent; 
}

/* 3D Card Styles */
.perspective-1000 { 
    perspective: 1000px; 
}

.card-inner {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    cursor: pointer;
}

.card-inner.is-flipped { 
    transform: rotateY(180deg); 
}

.card-front, .card-back {
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.card-back { 
    transform: rotateY(180deg); 
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

/* Toast Animation */
@keyframes slideUp {
    from { transform: translate(-50%, 100%); opacity: 0; }
    to { transform: translate(-50%, 0); opacity: 1; }
}
.toast-active { 
    animation: slideUp 0.3s ease forwards; 
}