.blueprint-bg {
    background-color: #1e3a8a; /* Koyu Mavi */
    background-image: 
        linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 40px 40px;
    position: relative;
    overflow: hidden;
}
.blueprint-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle, transparent 20%, #1e3a8a 90%);
}

/* 2. Tarayıcı/Scanner Efekti */
.scanner-line {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 2px;
    background: #60a5fa;
    box-shadow: 0 0 15px #60a5fa;
    animation: scan 4s linear infinite;
    opacity: 0.7;
}
@keyframes scan {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

/* 3. Dönen Dişli (Gear) Animasyonu */
.spin-gear { animation: spin 10s linear infinite; }
.spin-gear-reverse { animation: spin-reverse 15s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }
@keyframes spin-reverse { 100% { transform: rotate(-360deg); } }

/* 4. Katmanlı Kart (Layered Card) */
.layer-card {
    transition: all 0.4s ease;
    transform: perspective(1000px) rotateX(0) rotateY(0);
}
.layer-card:hover {
    transform: perspective(1000px) rotateX(5deg) rotateY(-5deg) translateY(-10px);
    box-shadow: 20px 20px 50px rgba(0,0,0,0.3);
    z-index: 10;
}

/* 5. Kod Yazma İmleci */
.cursor-blink { animation: blink 1s step-end infinite; }
@keyframes blink { 50% { opacity: 0; } }