/* BUTTONS */
.matrix-btn{background:transparent;border:2px solid #00ff9d;color:#00ff9d;padding:12px 24px;font-family:inherit;font-size:1rem;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden;text-decoration:none;display:inline-block}
.matrix-btn:hover{background:#00ff9d;color:#0a0c0f}

.btn-projects:hover { box-shadow: 0 0 20px #00ff9d; }
.btn-connect:hover { border-style: dashed; }

.btn-more-red {
    border-color: #ff6b6b;
    color: #ff6b6b;
}
.btn-more-red:hover {
    background: #ff6b6b;
    color: #fff;
    box-shadow: 0 0 20px #ff6b6b;
}

.terminal-btn{width:100%;background:transparent;border:2px solid #00ff9d;color:#00ff9d;padding:12px;font-family:inherit;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-block;text-align:center}

.terminal-list {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin-top: 15px;
    list-style-type: '>> ';
    padding: 0;
    display: inline-block;
    text-align: left;
}
.terminal-btn:hover{background:#00ff9d;color:#0a0c0f}

.filter-btn.active {
    background: var(--neon-primary) !important;
    color: var(--bg-dark) !important;
    box-shadow: 0 0 15px var(--neon-primary) !important;
}

.btn-send:hover { background: #ff6b6b; border-color: #ff6b6b; color: #fff; }
.btn-github:hover { background: #24292e; border-color: #fff; color: #fff; }
.btn-linkedin:hover { background: #0077b5; border-color: #0077b5; color: #fff; }
.btn-twitter:hover { background: #1da1f2; border-color: #1da1f2; color: #fff; }
.btn-email:hover { background: #ffd93d; border-color: #ffd93d; color: #0a0c0f; }

/* CARDS */
.terminal-card{background:#0d1117;border:1px solid #00ff9d;padding:20px;margin-bottom:15px;transition:all 0.3s;height:100%;display:flex;flex-direction:column}
.terminal-card:hover{transform:translateY(-4px);border-color:#ff6b6b}
.card-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;border-bottom:1px dashed rgba(0,255,157,0.3);padding-bottom:10px}
.card-title{font-size:1.25rem;font-weight:bold;color:#ffd93d}

.stat-box{text-align:center;padding:10px;border:1px solid #00ff9d;background:rgba(0,255,157,0.05)}
.stat-value{font-size:2rem;font-weight:bold;color:#ff6b6b}
.stat-label{font-size:0.7rem;text-transform:uppercase;color:#00ff9d}

.project-card{background:#0d1117;border:1px solid #00ff9d;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all 0.3s}
.project-card:hover{transform:translateY(-4px);border-color:#ff6b6b}
.project-img{width:100%;height:200px;object-fit:cover}
.project-content{padding:15px;flex:1}

.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.tag{background:rgba(0,255,157,0.1);border:1px solid rgba(0,255,157,0.3);padding:4px 10px;font-size:0.75rem}

/* INPUTS */
.terminal-input{width:100%;background:#0d1117;border:1px solid #00ff9d;padding:12px;color:#00ff9d;font-family:inherit;margin-bottom:15px}

/* FAQ */
.faq-card{background:#0d1117;border:1px solid #00ff9d;padding:15px;cursor:pointer;transition:all 0.3s}
.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:bold}
.faq-card.active .faq-question i{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.faq-card.active .faq-answer{max-height:200px;margin-top:10px}

/* DIVIDERS */
.section-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:50px 0 30px}
.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#00ff9d,transparent)}

/* CYBER TOGGLE REVAMP - TACTICAL RETICLE */
.cyber-toggle {
    position: fixed;
    top: 70px; /* Under the banner */
    right: 25px;
    width: 60px;
    height: 60px;
    z-index: 10000002;
    background: rgba(13, 17, 23, 0.9);
    border: 1px solid rgba(0, 255, 157, 0.4);
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    backdrop-filter: blur(10px);
}

.toggle-label {
    position: absolute;
    bottom: -22px;
    font-size: 0.6rem;
    color: #00ff9d;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgba(10, 12, 15, 0.8);
    padding: 2px 6px;
    border: 1px solid rgba(0, 255, 157, 0.3);
}

.toggle-icon {
    width: 24px;
    height: 18px;
    position: relative;
    z-index: 2;
}
.toggle-icon span {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #00ff9d;
    transition: all 0.3s;
    box-shadow: 0 0 5px rgba(0, 255, 157, 0.5);
}
.toggle-icon span:nth-child(1) { top: 0; width: 70%; }
.toggle-icon span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.toggle-icon span:nth-child(3) { bottom: 0; width: 70%; right: 0; }

.sidebar.open ~ .cyber-toggle {
    border-color: #ff6b6b;
    box-shadow: 0 0 20px rgba(255, 107, 107, 0.2);
}
.sidebar.open ~ .cyber-toggle .toggle-icon span { background: #ff6b6b; box-shadow: 0 0 5px rgba(255, 107, 107, 0.5); }
.sidebar.open ~ .cyber-toggle .toggle-icon span:nth-child(1) { transform: rotate(45deg); top: 8px; width: 100%; }
.sidebar.open ~ .cyber-toggle .toggle-icon span:nth-child(2) { opacity: 0; }
.sidebar.open ~ .cyber-toggle .toggle-icon span:nth-child(3) { transform: rotate(-45deg); bottom: 8px; width: 100%; }
.sidebar.open ~ .cyber-toggle .toggle-label { color: #ff6b6b; border-color: rgba(255, 107, 107, 0.3); }