/* ── Sci-fi button (works on <button> and <a>) ── */
.btn-cyber-submit {
    display: inline-block;
    background: transparent;
    border: 1px solid var(--accent);
    color: var(--accent);
    padding: 0.9rem 3rem;
    border-radius: var(--radius-xs);
    font-family: var(--font-mono);
    font-size: var(--font-base);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all var(--duration-base) var(--ease-snappy);
    text-shadow: 0 0 8px var(--accent-glow);
    box-shadow: 0 0 0 rgba(var(--accent-rgb), 0);
}
.btn-cyber-submit:hover {
    background: var(--accent);
    color: var(--text-on-accent);
    text-shadow: none;
    box-shadow: 0 0 25px var(--accent-glow), inset 0 0 10px rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}
.btn-cyber-submit:active {
    transform: translateY(1px);
    box-shadow: 0 0 12px var(--accent-glow);
}
.btn-cyber-submit:disabled {
    border-color: var(--disabled-border);
    color: var(--disabled-text);
    text-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
}

/* Size modifier */
.btn-cyber-submit.btn-small {
    padding: 0.6rem var(--space-lg);
    font-size: var(--font-xsmall);
}