/* Real screenshot styling */
.shot {
    background: linear-gradient(135deg, #0a1628 0%, #0f1b2e 100%);
    border: 1px solid rgba(0, 229, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.shot::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 12px;
    right: 12px;
    height: 20px;
    background: linear-gradient(90deg, #ff5f56 0%, #ffbd2e 33%, #27ca3f 66%);
    border-radius: 10px 10px 0 0;
    opacity: 0.8;
}

.shot-desktop {
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(0, 229, 255, 0.1) 0%, transparent 50%),
        linear-gradient(135deg, #0a1628 0%, #0f1b2e 100%);
}

.shot-installer {
    background-image:
        linear-gradient(45deg, rgba(139, 92, 246, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, #0a1628 0%, #0f1b2e 100%);
}

.shot-terminal {
    background: #0d1117;
    font-family: 'Fira Code', monospace;
    font-size: 11px;
    color: #58a6ff;
}

.shot-monitor {
    background-image:
        radial-gradient(circle at 70% 30%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),
        linear-gradient(135deg, #0a1628 0%, #0f1b2e 100%);
}