/* Setări de bază pentru fundal */
body { 
    background-color: #051424; 
    color: #d4e4fa; 
}

/* Ascunderea scrollbar-ului inestetic (Folosit in contact si portofoliu) */
.hide-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.hide-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* Panouri Glassmorphism (Efectul de sticlă blurată) */
.glass-panel { 
    background: rgba(5, 20, 36, 0.4); 
    backdrop-filter: blur(20px); 
    border: 1px solid rgba(0, 240, 255, 0.2); 
}

/* Efecte Glow (Neon pe margini și fundal) */
.neon-glow { 
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3); 
}
.neon-glow-hover:hover { 
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.6); 
    border-color: #00f0ff; 
}

/* Buton Principal cu Gradient (Apare în Header și Portofoliu) */
.primary-btn { 
    background: linear-gradient(135deg, #00f0ff, #6e06d0); 
    transition: all 0.3s ease; 
}

/* Text care preia culoare tip gradient */
.gradient-text { 
    background: linear-gradient(135deg, #00f0ff, #d1bcff); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

/* Animația fină de Glitch (Folosită pe index.html) */
.glitch-text {
    position: relative;
    display: inline-block;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.3); 
    animation: simple-white-glitch 3s infinite;
}

@keyframes simple-white-glitch {
    0%, 90%, 94%, 98%, 100% { 
        transform: translate(0, 0) skewX(0deg); 
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.3); 
    }
    91% { 
        transform: translate(-4px, 0) skewX(2deg); 
        text-shadow: -3px 0 15px rgba(255, 255, 255, 0.9); 
    }
    92% { 
        transform: translate(4px, 0) skewX(-2deg); 
        text-shadow: 3px 0 15px rgba(255, 255, 255, 0.9); 
    }
    96% { 
        transform: translate(-2px, 0) skewX(1deg); 
        text-shadow: -1px 0 20px rgba(255, 255, 255, 1); 
    }
}

/* Animația Modalului de Proiect (Pop-up portofoliu) */
#project-modal { 
    display: none; 
    opacity: 0; 
    transition: opacity 0.3s ease; 
}
#project-modal.active { 
    display: flex; 
    opacity: 1; 
}
.modal-content { 
    transform: scale(0.95); 
    transition: transform 0.3s ease; 
}
#project-modal.active .modal-content { 
    transform: scale(1); 
}

/* ===== Sneak-peek demo (portofoliu) ===== */
.peek { position: relative; overflow: hidden; background: #1c2b3c; }
.peek-frame {
    position: absolute; top: 0; left: 0;
    width: 1280px; height: 800px;   /* înălțimea o recalculează JS-ul */
    border: 0; background: #fff;
    transform-origin: 0 0;
    pointer-events: none;           /* click-ul ajunge la <a> */
    opacity: 0; transition: opacity .5s ease;
}
.peek-frame.ready { opacity: 1; }
.peek-shade {
    position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(to top, #051424 0%, transparent 40%);
}