/* Base Styles */
body {
    background-color: #FDFBF7;
    color: #2D3436;
    font-family: 'Quicksand', sans-serif;
    overflow-x: hidden;
}

/* Graph Paper Background */
.bg-graph {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1;
    background-size: 20px 20px;
    background-image: linear-gradient(#e5e7eb 1px, transparent 1px), linear-gradient(90deg, #e5e7eb 1px, transparent 1px);
}

/* Tape Effect on Cards */
.taped-card {
    position: relative;
    background: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.taped-card::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    z-index: 10;
    opacity: 0.8;
    transform: translateX(-50%) rotate(-2deg);
}
.taped-card:hover {
    transform: translateY(-5px) rotate(1deg);
    box-shadow: 4px 4px 0px #A2D2FF;
}

/* Handwritten Badge */
.badge-hand {
    font-family: 'Patrick Hand', cursive;
    transform: rotate(-5deg);
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #FDFBF7; }
::-webkit-scrollbar-thumb { background: #CDB4DB; border-radius: 10px; border: 2px solid #fff; }

/* Utility for hiding scrollbar but keeping functionality */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}