body.loading {
    overflow: hidden;
}

body {
    -webkit-tap-highlight-color: transparent;
}

#main-container.loaded {
    opacity: 1;
}

.santa-hat {
    background-color: #ef4444;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: rotate(15deg);
}

.santa-hat::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: -10%;
    width: 120%;
    height: 8px;
    background: white;
    border-radius: 10px;
}

.project-item {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 1.25rem;
    border-radius: 20px;
    transition: all 0.2s ease;
}

.project-item:active {
    transform: scale(0.98);
    background: rgba(255,255,255,0.06);
}

.hidden { display: none !important; }